Компонент Angular2 Table Row на Chrome отображается в одном столбце
Версии в использовании:
Angular 2.0.1angular-cli 1.0.0-beta.17У меня есть страница, которая разбита на 3 компонента. Контур страницы, таблица, которая имеет собственный макет, включая строки, одна из этих строк содержит компонент строки. В IE таблица отображается нормально, в Chrome все данные из строки компонента отображаются в первом столбце.
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 дает мне вывод, который я ожидал
Title Stuff etc
ColA | ColB | Col C
100 200 300
200 300 400
___________________
300 500 700
Other Stuff
Тем не менее, Chrome дает мне вывод, который я не ожидаю
Title Stuff etc
ColA | ColB | Col C
100 200 300
200 300 400
_____ ______________
300 500 700
Other Stuff
Я могу обойти это, помещая данные таблицы в один компонент, но а) побеждаю объект для меня и б) я хочу потенциально распечатать таблицу, поэтому в идеале хотелось бы сохранить ее как есть. Я старалсяСтроки таблицы Angular2 как компонент но продолжал получать NgFor поддерживает только Iterables, такие как массивы
Любая помощь с благодарностью получена.