O componente Angular2 Table Row no Chrome é exibido em coluna única
Versões em uso:
Angular 2.0.1angular-cli 1.0.0-beta.17Eu tenho uma página dividida em 3 componentes. O esboço da página, uma tabela que possui seu próprio layout, incluindo linhas, uma dessas linhas contém um componente de linha. No IE, a tabela é exibida corretamente, no Chrome todos os dados da linha do componente são exibidos na primeira coluna.
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 dá a saída que eu esperaria
Title Stuff etc
ColA | ColB | Col C
100 200 300
200 300 400
___________________
300 500 700
Other Stuff
No entanto, o Chrome me fornece uma saída que eu não espero
Title Stuff etc
ColA | ColB | Col C
100 200 300
200 300 400
_____ ______________
300 500 700
Other Stuff
Eu posso contornar isso colocando os dados da tabela em um componente, mas a) derrota o objeto para mim eb) eu quero potencialmente imprimir a tabela, de modo que o ideal seja mantê-lo como está. eu tenteiLinhas da tabela Angular2 como componente mas continuava recebendo o NgFor apenas suporta Iterables, como matrizes
Qualquer ajuda recebida com gratidão.