Angular material table, 整个页面出现滚动条

Question

我有一个包含 header、footer 和 mat-tab 控件的页面，每个选项卡中都有一个 mat-table。
当 mat-table 被填充时，它超过了可用的 height，而不是仅在 mat-table 上应用 scrollbar，它向下推 footer，我在整个页面上获得 scrollbar。

我该如何更改？

Answer 1

像这样在 mat-tab-group 中添加固定高度：

mat-tab-group {
  height: 200px;
}

高度需要限制在特定数量的像素以内。

检查 stackblitz here 以获得工作示例。

具体实现和帮助需要看你自己的代码