Question

处理ui网格高度的最佳方法是什么。我们希望它占据屏幕的85％，页脚占15％。

Whey我将网格的高度设置为85％，它没有做任何事情。

当我更改px高度时，会将屏幕按下。

由于

Answer 1

网格的高度（定义为百分比）相对于其父容器的高度。这与任何其他HTML元素相同。如果父元素仅中包含网格，则没有任何内容可以达到85％。

这是因为网格虚拟化其内容。尽管它的数据集中有500k行，但它不知道它应该一次显示多少行。

幸运的是，在您的情况下，使用viewport percentage设置网格高度可能会有效：

.grid {
  height: 98vh;
}

告诉网格几乎是浏览器视口的整个高度（注意100vh有点太多了。）

希望有所帮助！