Swimlane / ngx-datatable не работает после обновления до 16.0.3 (кажется, проблема в столбцах)

Итак, я обновил свое приложение до 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>

Я регистрирую столбцы, и все они верны, но не отображаются, и все это приводит к пустой таблице:  введите описание изображения здесь

Я опустил здесь много кода и просто включил то, что, по моему мнению, могло быть частью проблемы. Я не нашел никаких признаков того, что спецификация столбца изменилась. Строки есть, иначе я бы не увидел значок в первой строке.

Если вам нужна дополнительная информация, просто спросите.


person Carlos    schedule 30.03.2020    source источник


Ответы (1)


Насколько я понял, он еще не поддерживает angular 9. Я остановил обновление нашего проекта, когда получил предупреждение о несовместимости с ngx-datatable.

Лучше спросить, когда они планируют выпустить обновление для совместимости! Прошли месяцы.

ETA: 4 дня спустя они выпустили несколько новых релизов! 17.0.0 строго совместим с angular 9.

person Sarah M    schedule 10.04.2020