El componente Angular2 Table Row en Chrome se muestra en una sola columna
Versiones en uso:
Angular 2.0.1angular-cli 1.0.0-beta.17Tengo una página que se divide en 3 componentes. El esquema de la página, una tabla que tiene su propio diseño que incluye filas, una de estas filas contiene un componente de fila. En IE, la tabla se muestra bien, en Chrome todos los datos de la fila del componente aparecen en la primera columna.
main.html<form>
<div>Title Stuff etc.</div>
<table-component [qlineModel]="QuoteLineModel"></table-component>
<div>Other stuff</div>
</form>
table.html<table>
<thead>
<tr>
<th>ColA</th>
<th>ColB</th>
<th>Option</th>
</tr>
</thead>
<tbody>
<row-component *ngFor="let qlines of qlineModel"
[qline]="qlines">
</row-component>
<tr>
<td>Tot A</td>
<td>Tot B</td>
<td>Tot Opt</td>
</tr>
</tbody>
</table>
row.html<tr>
<td>{{qline.A}}</td>
<td>{{qline.B}}</td>
<td>{{qline.C}}</td>
</tr>
IE me da la salida que esperaría
Title Stuff etc
ColA | ColB | Col C
100 200 300
200 300 400
___________________
300 500 700
Other Stuff
Sin embargo, Chrome me da una salida que no espero
Title Stuff etc
ColA | ColB | Col C
100 200 300
200 300 400
_____ ______________
300 500 700
Other Stuff
Puedo evitarlo poniendo los datos de la tabla en un componente, pero a) derrota el objeto para mí yb) Quiero potencialmente imprimir la tabla, por lo que idealmente me gustaría mantenerla como está. Lo intentéFilas de tabla Angular2 como componente pero seguía obteniendo NgFor solo admite Iterables como matrices
Cualquier ayuda recibida con gratitud.