NZ Zorro, Ant design nz-таблица динамических c столбцов не выравнивает - PullRequest
0 голосов
/ 03 апреля 2020

У меня есть таблица, в которой столбцы динамически отправляются сервером. Заголовки таблиц и столбцы данных не совпадают.

Как мне их выровнять?

<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>

enter image description here

1 Ответ

1 голос
/ 07 апреля 2020

Необходимо указать nzWidth для th при исправлении заголовка в v8.5.x или старой версии.

Мы собираемся выпустить версию 9 (стабильную), и она будет адаптивной ширины. теперь вы можете примерить https://next.ng.ant.design/components/table/en#components -table-demo-fixed-header

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...