Заголовок таблицы Angular Material липкий: true не работает

У меня есть таблица материалов Angular в div с максимальной высотой и overflow-y: auto, но заголовки не прилипают к верхней части окна просмотра, как ожидалось.

    <mat-table class="table" mat-table [dataSource]="dataSource" matSort>
    ...
      <tr mat-header-row *matHeaderRowDef="displayColumns; sticky: true"></tr>
      <tr
        mat-row
        *matRowDef="
          let rateMethod;
          let j = index;
          columns: displayColumns
        "
        (dblclick)="editRateMethod(rateMethod.rateMethodId)"
        (contextmenu)="onContextMenu($event, rateMethod)"
        [ngClass]="{ 'striped-row': j % 2 === 0 }"
      ></tr>
    </mat-table>

angular angular-material angular-material-table
person Jadamae77    schedule 05.04.2021    source источник

Ответы (1)


arrow_upward
0
arrow_downward

После долгих потрясений я понял, что использую элемент html вместо нативного с применением директивы mat-table, как в документации. Как только я переключился, все заработало, как ожидалось.

person Jadamae77    schedule 05.04.2021