【问题标题】:Angular ui-grid 100% height inside ng-viewng-view内的角度ui-grid 100%高度
【发布时间】: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 将是导航栏标题的高度。
  • 是的,我的导航栏高度是静态的。这似乎已经做到了。它像我想要的那样工作。非常感谢。如果您将发布作为答案,我会标记为正确的,以便给您加分。
  • 干杯,刚搬来回答,谢谢。

标签: css angularjs twitter-bootstrap angular-ui-grid


【解决方案1】:

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

height: calc(98vh - 100px);

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

【讨论】:

    猜你喜欢
    • 2013-10-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-23
    • 1970-01-01
    • 2017-07-13
    • 2017-06-29
    相关资源
    最近更新 更多