2016-01-11 1 views
2

Использование Angular, Bootstrap и UI-Grid в попытке создать страницу с заголовком navbar и контейнером со 100% -ой высотой таблицы ui-grid. Здесь вы можете увидеть демо-версию того, что у меня есть. Вы заметите, что панель навигации нажимает нижний колонтитул прямо на странице.Угловая ui-сетка 100% высота внутри ng-view

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

Ближайший я получил это http://brianhann.com/make-ui-grid-take-up-the-whole-page/, но я прочитал довольно много других должностей, чтобы не успех. Я надеялся, что кто-то может указать мне в правильном направлении.

Любая помощь будет оценена по достоинству. Кажется, что CSS лучше меня.

+1

высоты вашего заголовка NavBar статической? если да, попробуйте height: calc (98vh - 100px); для сетки, где 100px будет высотой вашего заголовка навигатора. – sdfacre

+0

Да, моя высота навигатора была статичной. Это похоже на это. Он работает так, как я хотел. Большое спасибо. Если вы опубликуете в качестве ответа, я буду правильно указывать вам некоторые моменты. –

+0

Приветствия, просто переложил его, чтобы ответить, спасибо. – sdfacre

ответ

4

если высота вашего заголовка NavBar статична, попробуйте

height: calc(98vh - 100px); 

для сетки, где 100px будет высотой вашего NavBar заголовка