Угловой матовый стол из материала с проблемой залипания столбца с длинным текстом в столбце

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

введите здесь описание изображения  An

Пожалуйста помоги


person rrr    schedule 14.06.2020    source источник


Ответы (1)


Перепробовав так много разных вариантов, я нашел основную причину и решил ее обойти. Для меня таблица mat была внутри условия * ngIf, поэтому я должен сделать, как показано ниже, в противном случае приведенный ниже код внутри ngAfterViewInit также должен работать, я думаю. Пожалуйста, обратитесь к проблеме github - https://github.com/angular/components/issues/15885

@ViewChild('matTable', { static: false }) set table(matTable: MatTable<any>) {
    if (matTable) {
      this.ngZone.onMicrotaskEmpty
        .pipe(take(3))
        .subscribe(() => matTable.updateStickyColumnStyles())
    }
  }
person rrr    schedule 15.07.2020