Im использует ng-сетку для отображения некоторых данных. В настоящее время ng-сетка отображает около 10 строк данных до того, как вертикальная полоса прокрутки запускается и скрывает остальные. Как изменить порог для вертикальной полосы прокрутки?Как изменить количество строк, отображаемых ng-сеткой
-1
A
ответ
1
Это зависит от вашего rowHeight и заголовкаHeight вашей сетки.
со значениями по умолчанию 30px для обоих значений вы можете настроить общий gridHeight в CSS с:
.gridStyle {
border: 1px solid rgb(212,212,212);
width: 400px;
height: 482px
}
(2px добавлены границы.)
Также вы хотите, чтобы отключить переполнение для вид на витрину:
.ngViewport {
min-height: 20px;
overflow: visible;
}
Что вы хотели?
Вот это Plunker с 15 строк (следовательно, 15 * 30px строк + 30px заголовка + 2рх границы = 482px gridHeight)
Почти. Я все еще хочу, чтобы полоса прокрутки появлялась сразу после большого количества строк. –
Затем оставьте правило ngViewport css и оставьте переполнение для автоматического по умолчанию. В этом Plunker вы можете добавить новые строки в myData, нажав кнопку и посмотреть, как снова появляется панель прокрутки. Вы все еще должны немного поиграть с css. Это лучшее, что я могу сделать. Расчеты ширины и высоты в ng-сетке всегда казались немного ошибочными. Я не думаю, что это можно изменить с помощью 1-строчного патча в источнике. Возможно, посмотрите на новую ui-сетку (которая представляет собой ng-grid в версии 3.x). – mainguy
О, да. Я забыл ссылку на Plunker: http://plnkr.co/edit/UE2M7A?p=preview – mainguy