title: Angular2 table rows as component
body: <p>I am experimenting with angular2 2.0.0-beta.0</p>
  
  <p>I have a table and the line content is generated by angular2 this way:</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;table&gt;
          &lt;tr *ngFor="#line of data"&gt;
              .... content ....
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Now this works and I want to encapsulate the content into a component "table-line".</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;table&gt;
          &lt;table-line *ngFor="#line of data" [data]="line"&gt;
          &lt;/table-line&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>And in the component, the template has the &lt;tr>&lt;td> content.</p>
  
  <p>But now the table does no more work. Which means, the content is no longer shown in columns.
  In the browser, the inspector shows me that the DOM elements look like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;table&gt;
          &lt;table-line ...&gt;
              &lt;tbody&gt;
                  &lt;tr&gt; ....
  </code></pre>
  
  <p>How can I make this work?</p>