Липкий жатка Angular 6 Table Table не работает - PullRequest
Новая
       43

Липкий жатка Angular 6 Table Table не работает

0 голосов
/ 08 октября 2018

Мне нужно сделать верхний колонтитул компонента таблицы матов закрепленным наверху, но он не работает.

У меня есть Angular v6.1.7 и @ angular / material v6.4.7.

Я добавил свойство «sticky: true» в matHeaderRowDef, так как кто-то упоминает здесь , но он ничего не делает: (

<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>

У меня есть пример проекта:https://stackblitz.com/edit/angular-wem2qa

Это мой импорт в файл TS: 

import { Component, Input, OnChanges, OnInit, SimpleChanges, ViewChild } from "@angular/core";
import { MatDialog, MatExpansionPanel, MatSnackBar, MatSort, MatTableDataSource, Sort } from "@angular/material";

1 Ответ

0 голосов
/ 08 октября 2018

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

.example-container {
  height: 400px;
  overflow: auto;
}

См. Пример в документации по угловым материалам: https://material.angular.io/components/table/overview#sticky-rows-and-columns, а также проверьтеCSS-вкладка.

...