2014-10-28 3 views
-1

Im использует ng-сетку для отображения некоторых данных. В настоящее время ng-сетка отображает около 10 строк данных до того, как вертикальная полоса прокрутки запускается и скрывает остальные. Как изменить порог для вертикальной полосы прокрутки?Как изменить количество строк, отображаемых ng-сеткой

ответ

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)

+0

Почти. Я все еще хочу, чтобы полоса прокрутки появлялась сразу после большого количества строк. –

+0

Затем оставьте правило ngViewport css и оставьте переполнение для автоматического по умолчанию. В этом Plunker вы можете добавить новые строки в myData, нажав кнопку и посмотреть, как снова появляется панель прокрутки. Вы все еще должны немного поиграть с css. Это лучшее, что я могу сделать. Расчеты ширины и высоты в ng-сетке всегда казались немного ошибочными. Я не думаю, что это можно изменить с помощью 1-строчного патча в источнике. Возможно, посмотрите на новую ui-сетку (которая представляет собой ng-grid в версии 3.x). – mainguy

+0

О, да. Я забыл ссылку на Plunker: http://plnkr.co/edit/UE2M7A?p=preview – mainguy