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

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

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

粘性标题停止工作。

有什么办法可以让它发挥作用吗?

请参阅示例:

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

最佳答案

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

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

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

关于html - 带有粘性标题和水平、垂直滚动条的垫表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62287039/

相关文章:

select - mat-select 在 mat-expansion-panel 中不起作用

javascript - 单击按钮时执行ajax函数

javascript - 如何使用 PHP $_SERVER ['PHP_SELF' ] 和 href 加载内容

javascript - mat 表,可通过验证在行中动态添加行和可编辑字段

JavaScript Promise 准备就绪

typescript - Mat Table 未在 ngOnIt 上显示数据,但刷新后显示

javascript - 如何从 type=file 输入中删除 "no file selected"?

css - 是否可以使用流畅的 DIV 布局创建?

javascript - 向父组件 Angular2 发送操作

angular - 如何在悬停时打开和关闭 Angular 垫菜单