Кой е най-добрият начин за справяне с височината на ui-мрежата. Искаме да заема 85 процента от екрана, а долният колонтитул да заема 15%.
Whey Зададох височината на решетката на 85%, не прави нищо.
Когато променя височината на px, това натиска екрана надолу.
Благодаря
Височината на мрежата, когато е определена като процент, е спрямо височината на нейния родителски контейнер. Това е същото като всеки друг HTML елемент. Ако родителският елемент само има решетката в него, тогава няма нищо, което да бъде 85%.
Това е така, защото мрежата виртуализира своето съдържание. Въпреки че има, да речем, 500 000 реда в своя набор от данни, той няма представа колко от тях трябва да показва наведнъж.
За щастие във вашия случай, задаване на височината на мрежата с процент на изгледа вероятно ще работи:
.grid {
height: 98vh;
}
Това казва на решетката да бъде почти пълната височина на прозореца за изглед на браузъра (имайте предвид, че 100vh е малко прекалено).
Вижте този plunker за демонстрация: http://embed.plnkr.co/65ScOLedYpm1rSKztQkE/preview
Има малко повече информация в тази публикация: http://brianhann.com/make-ui-grid-take-up-the-whole-page/
Надявам се това да помогне!
