角度材料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並且工作了