With AngularJS 2.3.1, in the following html template code:-

```
<table>
   <tr>
     <th>col 1</th>
     <th>col 2</th>
   </tr>
   <tr>
     <td>sum 1</td>
     <td>sum 2</td>
   </tr>
   <tablerow *ngFor="let i of data" [item]="i"></tablerow>
</table>

```

where the `tablerow` component html template is:-

```
<tr>
  <td>{{item.col1}}</td>
  <td>{{item.col2}}</td>
</tr>

```

when this get rendered, the table rows generated by the component aren't breaking like a normal table row does.

Why does this happen and what do I need to do to fix this? And is this a bug?