Итак, я обновил свое приложение до angular 9, и с этим я обновил ngx-datatable с версии 16.0.2 до 16.0.3. Но теперь мои столбцы остаются пустыми. Все работало нормально, минорная версия раньше. Нет ошибок, нет предупреждения. Вот упрощенный код, который я использую для заполнения своих столбцов.
component.ts:
columns = [
{ name: 'Vertragsnummer', prop: 'VertragsNr', flexGrow: 6 },
{ name: 'Risiko', prop: 'RisikoAllgemein', flexGrow: 10 },
{ name: 'Sparte', prop: 'Sparte', flexGrow: 5 },
{ name: 'Gesellschaft', prop: 'Vu', flexGrow: 10 },
{ name: 'Ablauf', prop: 'Vertragsablauf', flexGrow: 4 }
];
component. html:
<ngx-datatable
*ngIf="columns"
class="material afn-flat-table"
#datatable
[rows]="(rows$ | async) || []"
[columns]="columns"
[columnMode]="'flex'"
[headerHeight]="60"
[footerHeight]="30"
[rowHeight]="30"
[count]="liste.length"
[limit]="limit"
[selected]="selected"
[selectionType]="'row'"
[messages]="messages"
(select)="onSelect($event)"
(sort)="onSort($event)"
>
<div *ngFor="let column of columns">
{{asdf(column)}}
<ngx-datatable-column prop="{{ column.prop }}" name="{{ column.name }}" [flexGrow]="column.flexGrow">
<ng-template let-column="column" let-sort="sortFn" ngx-datatable-header-template>
<div name="firsrowheader" (click)="sort()">
<span *ngIf="sorts[0]?.prop == column.prop">
<mat-icon class="fas asf-gridSortIcon" [ngClass]="{ 'fa-sort-up': sorts[0].dir === 'asc', 'fa-sort-down': sorts[0].dir === 'desc' }">
</mat-icon>
</span>
<label i18n style="height:10px;cursor:pointer" class="columnlabel">{{ column.name }}</label>
</div>
</ng-template>
</ngx-datatable-column>
</div>
</ngx-datatable>
Я регистрирую столбцы и все они правильные, но не отображаются, и все это приводит к пустой таблице:
Я пропустил много кода здесь и просто включил то, что я думаю может быть частью проблемы. Я не нашел никаких признаков изменения спецификации столбца. Строки есть, иначе я бы не увидел значок в первом ряду.
Если вам нужна дополнительная информация, просто спросите.