angular - NZ Zorro，Ant design nz-table 动态列不对齐

Question

我有一个表，其中列由服务器动态发送。表头和数据列不对齐。

如何让它们对齐？

<nz-table *ngIf="queryResults" #headerTable [nzData]="queryResults" [nzFrontPagination]="false"
    [nzShowPagination]="false" [nzScroll]="{ y: '150px' }">
    <thead>
      <tr>
        <th *ngFor="let c of queryCols">{{c}}</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let d of headerTable.data">
        <td *ngFor="let c of queryCols">{{ d[c] }}</td>
      </tr>
    </tbody>
  </nz-table>

Answer 1

在 v8.5.x 或旧版本中修复标头时需要指定nzWidthfor 。th

我们即将发布版本 9（稳定），它将自适应宽度。现在，您可以尝试https://next.ng.ant.design/components/table/en#components-table-demo-fixed-header