Angular 如何给角料台定高

我有一个

角度材质表（10行）

，我想将其高度固定为300px（应使用垂直滚动查看额外的行）。当我在样式中为

300px

指定高度时，它没有任何效果。 表中的内容超出了给定的高度

请参见图像的链接

我希望有两个表，一个在另一个下面，我希望给它们相等的

高度50%。

第一个表本身的高度为

10行

我在类中使用包装器div

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

在css文件中试试这个

表tr.mat-row{
高度：300px；
}
你能添加html代码吗？基本上可以，但如果你给外层类（即包装类）提供填充，那么UI将中断，卷轴将不在表格上，而是在包装分区上。请注意，对于未来的读者，最大高度需要是一个固定值（如300px）而不是一个百分比（如80%）。在我的场景中，我添加了一个媒体高度查询来调整固定值：
@media only screen and（max height:500px）{div.limit-table-size{max height:250px；overflow:auto；}}@media only screen and（min height:500px）和（max height:800px）{div.limit-table-size{最大高度：400px；溢出：自动；}}
.table-container {
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
}