Question

我正在使用ng2-table作为我的angular2表格。我想要一张有边框的桌子。我需要绘制我的身体行（因为有时它有复选框，按钮等）所以我不能使用语法：

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模板中删除表标记，然后将rows属性添加到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

ng2-table body列未对齐

1 个答案: