網格UI-GRID網格高度屏幕區域百分比

Question

處理UI網格高度的最佳方法是什麼？我們希望它佔用屏幕的85％，頁腳佔15％。

乳清我把網格的高度設置爲85％，它什麼都不做。

當我更改px高度時，屏幕向下推。

由於

Answer 1

甲網格的高度，當定義爲百分比，是相對於其父容器的高度。這與任何其他HTML元素相同。如果父元素只有有網格，那麼沒有什麼是85％的。

這是因爲網格虛擬化其內容。儘管數據集中有500k行，但它不知道它們應該一次顯示多少行。

你的情況

幸運的是，設置與viewport percentage電網高度可能會工作：

.grid { 
    height: 98vh; 
} 

這告訴電網幾乎瀏覽器窗口的整個高度（注意100vh是有點太多了） 。

看到這個plunker了演示：http://embed.plnkr.co/65ScOLedYpm1rSKztQkE/preview

有一個在這篇文章的一些詳細信息：http://brianhann.com/make-ui-grid-take-up-the-whole-page/

希望幫助！