Angular2 Table Row-Komponente in Chrome wird in einer Spalte angezeigt

Versionen im Einsatz:

Angular 2.0.1 angular-cli 1.0.0-beta.17

Ich habe eine Seite, die in 3 Komponenten unterteilt ist. Der Seitenumriss, eine Tabelle mit einem eigenen Layout einschließlich Zeilen, eine dieser Zeilen enthält eine Zeilenkomponente. In IE wird die Tabelle gut angezeigt, in Chrome werden alle Daten aus der Komponentenzeile in der ersten Spalte angezeigt.

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 gibt mir die Ausgabe, die ich erwarten würde

       Title Stuff etc
   ColA |  ColB  | Col C
   100     200     300
   200     300     400
   ___________________
   300    500     700
       Other Stuff

Chrome gibt mir jedoch eine Ausgabe, die ich nicht erwarte

       Title Stuff etc
   ColA        |  ColB  | Col C
   100 200 300
   200 300 400
   _____       ______________
   300           500     700
       Other Stuff

Ich kann es umgehen, indem ich Tabellendaten in eine Komponente lege, aber a) das Objekt für mich besiegt und b) die Tabelle möglicherweise ausdrucken möchte, um sie im Idealfall so zu belassen, wie sie ist. Ich habe es versucht Angular2 Tabellenzeilen als Komponente aber immer NgFor unterstützt nur Iterables wie Arrays

Jede Hilfe dankbar erhalten.