角度材料6 sidenav使用100％页面高度/ mat-table滚动-Java 学习之路

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

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

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

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

1 回答

3
使用
```
.mat-table {
  height: calc( 100vh - 250px);
  overflow: auto; 
  width: 100%;
}
```
我在你的stackblitz尝试了id并且工作了
回复于 2024-05-14T12:12:02+08:00

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

1 回答

相关问题