如何给角材料表赋予固定高度

Question

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

请参阅该图像的链接。

我想有两个表一个低于另一个，我想给他们等于height 50%.第一个表本身服用10 rows height。

角材料表

Answer 1

我使用带有类的包装 div

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

这是班级

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