Mat Table with sticky header and Horizontal,vertical scroll bar

Question

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

粘性 header 停止工作。

有什么办法让它起作用吗？

请看例子：

Answer 1

您可以将宽度和高度设置为 div 容器环绕垫子 table。在样式表上，您可以应用如下内容：

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

Mat Table with sticky header and Horizontal ,vertical scroll bar