ng-view内的角度ui-grid 100％高度

Posted 2023-03-06

【中文标题】ng-view内的角度ui-grid 100％高度

【英文标题】：Angular ui-grid 100% height inside ng-view

【发布时间】：2016-04-15 06:58:38

【问题描述】：

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

http://embed.plnkr.co/qxPMevXLJAOfvGk0iVBH/

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

任何帮助将不胜感激。 CSS 似乎总能胜过我。

【问题讨论】：

导航栏标题的高度是静态的吗？如果是，请尝试 height: calc(98vh - 100px);对于网格，100px 将是导航栏标题的高度。

是的，我的导航栏高度是静态的。这似乎已经做到了。它像我想要的那样工作。非常感谢。如果您将发布作为答案，我会标记为正确的，以便给您加分。

干杯，刚搬来回答，谢谢。

【参考方案1】：

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

height: calc(98vh - 100px);

对于网格，100px 将是导航栏标题的高度