Компонент 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, такие как массивы

Любая помощь с благодарностью получена.

Ответы на вопрос(1)

Ваш ответ на вопрос