Question

在ng-grid中，我需要将高度设置为100％，以便它始终是父容器的高度（包含网格div的另一个div），即使在窗口调整大小时也是如此。我该怎么做？ {height : 100%}无法解决此问题？

Answer 1

这对我有用。

.ui-grid {
  position: absolute;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

由{dcryan22链接的this thread中的某人提到了此答案的部分版本。我认为在答案中包含解决方案中的实际完整代码会很有帮助。

请注意，这些属性是在子元素.ui-grid上设置的，而不仅仅是指令本身。

Answer 2

This article给出了使用CSS视口的答案。对我来说很完美！

我将此添加到CSS：

.ui-grid {
    height: 98vh;
}

我也使用Twitter bootstrap，但是甚至不需要任何额外的div或容器。

Answer 3

最后，救世主补充了答案。最新版本允许高度100％。此后对我来说标题保持不变