У меня есть таблица, в которой столбцы динамически отправляются сервером. Заголовки таблиц и столбцы данных не совпадают.
Как мне их выровнять?
<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](https://i.stack.imgur.com/yfYmZ.png)