angular - 如何给 Angular Material 表赋予固定高度

我有一个angular material table(10 rows)，我想将其高度固定为300px(应使用垂直滚动查看额外的行)。当我给300px样式中的高度时，它没有任何作用。
该表的内容超出了给定的高度。

请参阅该图像的链接。

我想在两个表之间一个接一个，并且我想给它们相等的height 50%.第一个表本身采用10 rows height。

Angular Material Table

最佳答案

我在类中使用包装器div

<div class="table-container">
   <table mat-table [dataSource]=.....>
   </table>
</div>

这是类(class)

.table-container {
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
}