带有粘性标题和水平、垂直滚动条的垫表

Question

我有一个垫子表，带有粘性标题和页面的垂直滚动。它工作正常，直到我动态添加更多列并出现水平滚动条。

粘性标题停止工作。

有什么办法让它发挥作用吗？

请看例子：

Answer 1

您可以设置围绕 mat-table 的 div 容器的宽度和高度。在样式表上，您可以应用如下内容：

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