Angular ui-grid 内部 100% 高度 ng-view

Question

使用 Angular、Bootstrap 和 UI-Grid 尝试创建带有导航栏 header 和带有 100 的 <ng-view> 容器的页面% 高度 ui-grid table。你可以在这里看到我到目前为止所获得的演示。您会注意到导航栏将 table 页脚推离页面。

我得到的最接近的是 http://brianhann.com/make-ui-grid-take-up-the-whole-page/ 但我已经阅读了相当多的其他帖子但没有成功。我希望有人能指出我正确的方向。

如有任何帮助，我们将不胜感激。 CSS 似乎总能战胜我。

Answer 1

如果导航栏的高度 header 是静态的，请尝试

height: calc(98vh - 100px);

对于网格，其中 100px 将是导航栏的高度 header

Angular ui-grid 100% height inside ng-view