调整 Nz-Table 动态列中某些列的宽度

Question

我正在使用 Nz-Zorro 即； ng-antd 来设计 table。这里我动态调用 table header.

我有 4 列，我想通过名称减少 2 列的宽度。我该怎么做？

<thead>
   <tr>
     <th *ngFor="let column of listOfColumns">
       {{ column.name }}
     </th>
   </tr>
</thead>

Answer 1

您可以将 colWidth: "string" 属性添加到每个 listOfColumns 项目的 class 并使用您的模型密钥在模型中更改它。然后使用 [nzWidth] 更改列宽：

<thead>
   <tr>
     <th  *ngFor="let column of listOfColumns" [nzWidth]="column.colWidth">
       {{ column.name }}
     </th>
   </tr>
</thead>

Adjust width of some column in Nz-Table dynamic columns