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.17

Tengo 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.

Respuestas a la pregunta(1)

Su respuesta a la pregunta