ngFor create 2 rows
<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>