title: ngFor create 2 rows
body: <p>Using <a href="https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html">Angular 2 ngFor</a> I'm creating a table.</p>
  
  <p>My problem is that <code>my data array</code> contains <code>elements</code> such that each element should create 2 <strong>consecutive</strong> rows in the table (Using different fields, The second row is collapsible with more data)</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr *ngFor="let element of data; let i = index"&gt;
         &lt;th&gt;...&lt;th&gt;
         ...
         &lt;td&gt;...&lt;td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>Problem is that <code>tbody</code> doesn't allow any attribute beside <code>&lt;tr&gt;</code>. </p>
  
  <p><strong>I'm looking for something like</strong></p>
  
  <pre><code>&lt;tbody&gt;
     &lt;template *ngFor="let element of data; let i = index"&gt;
         &lt;tr&gt;...&lt;/tr&gt; //row 1
         &lt;tr&gt;...&lt;/tr&gt; //row 2
     &lt;/template&gt;
  &lt;/tbody&gt;
  </code></pre>