Angular2 Table Row-Komponente in Chrome wird in einer Spalte angezeigt
Versionen im Einsatz:
Angular 2.0.1 angular-cli 1.0.0-beta.17Ich 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.