将垂直滚动设置为固定高度 mat-table in Angular

Question

我已经为 mat-table 的容器设置了 200px 的高度。但是，table 及其内容不遵守设置的高度。我想给这个 table 添加一个垂直滚动条。

<div style="height: 200px;">
    <mat-table>table content</mat-table>
</div>

Answer 1

不确定您是否仍在寻找答案，但以防万一。

您的 div 风格可能缺少 overflow: auto;。

Answer 2

您可以设置内联 CSS 也可以使用 class 并在 CSS 文件中提供这些样式属性。

<table mat-table style="height: 500px; overflow: auto;">
// .. content
</table>

Set vertical scroll to a fixed height mat-table in Angular