角度材料6 sidenav使用100％页面高度/ mat-table滚动

Question

嗨，我现在用css打了好几个小时 - 我希望你能帮助我：

我尝试将我设置为固定的100％高度。 如果子数据行有更多的数据行，那么子数据表也应该调整大小并且不要超过100％年龄。 （mat-table现在支持滚动和粘贴的页眉和页脚行。这就是为什么我喜欢给我的SPA一个新的设计）

下面是一个示例： https ： //stackblitz.com/edit/ng-fullpage-scrolltable但它有一个固定的设置.mat-table { height: 400px;} （如果更多，mat-table会很好地滚动超过5项显示）

我怎样才能达到这个高度（或更好的整个垫子侧面容器或身体的高度扩展到100％

Answer 1

采用

.mat-table {
  height: calc( 100vh - 250px);
  overflow: auto; 
  width: 100%;
}

我在你的stackblitz尝试了id并且工作了