带有粘页眉和水平,垂直滚动条的垫台

时间:2020-06-09 16:11:42

标签: html angular angular-material material-design angular-cdk

我有一个带有粘性页眉和页面垂直滚动的垫子表。在我动态添加更多列并且出现水平滚动条之前,它可以正常工作。

粘性标头停止工作。

有什么办法可以使它工作?

请参见示例:

https://stackblitz.com/edit/angular-hdg9xh

1 个答案:

答案 0 :(得分:0)

您可以将宽度和高度设置为环绕 mat-table 的 div 容器。在样式表上,您可以应用以下内容:

.example-container {
  width: 100%;
  height: calc(100vh - 32px);
  overflow: auto;
}

示例:https://stackblitz.com/edit/angular-hdg9xh-uxkaeh

相关问题