ng2-table body columns not aligned

Question

我正在爲我的angular2表使用ng2-table。 我想要一張有邊距的桌子。 我需要藉助我的身體行（因爲它也有複選框，按鈕等） 所以我不能使用語法：

template: `<ng-table [config]="config" [columns]="columns" [rows]="rows" > </ng-table>` 

所以我試圖用這個（簡化）語法：

template: `<ng-table [config]="config" [columns]="columns"> </ng-table> 
    <table class="table table-bordered"> 
    <tbody> 
    <tr *ngFor="let row of rows"> 
     <td *ngFor="let column of columns"> 
       {{row[column["name"]]}} 
     </td> 
    </tr> </tbody> 
</table> 
    ` 

問題是，使用此語法的列不對齊。 如何繪製我自己的身體行與對齊的列？

請參閱一個plnkr

Answer 1

剛剛從你的組件的HTML模板中刪除表標籤，並添加行屬性爲NG-table標籤：

@Component({ 
selector: 'device-overview', 
// aligned columns template 
//template: `<ng-table [config]="config" [columns]="columns" [rows]="rows" > </ng-table>` 

// Not aligned columns template 
    template: `<ng-table [config]="config" [columns]="columns" [rows]="rows"> </ng-table>` 

}) 

https://plnkr.co/edit/MfQwqTWbTX6Pdr4WIrO9?p=preview