угловой щий сетка пагинация отсутствует

Question

У меня есть варианты UI-сетки следующего

 { 
    "enableHorizontalScrollbar":false, 
    "enableHiding":false, 
    "enableColumnResizing":true, 
    "enableSorting":true, 
    "enableColumnResize":true, 
    "paginationPageSize":20, 
    "enablePagination":true, 
    "enablePaginationControls":true, 
    "columnDefs":[ 
     // skipped for clarity 
    ], 
    "data":"griddata", 
    "excludeProperties":[ 
     "$$hashKey" 
    ], 
    "enableRowHashing":true, 
    "showHeader":true, 
    "headerRowHeight":30, 
    "rowHeight":30, 
    "maxVisibleRowCount":200, 
    "minRowsToShow":10, 
    "showFooter":false, 
    "footerRowHeight":30, 
    "columnWidth":50, 
    "maxVisibleColumnCount":200, 
    "virtualizationThreshold":20, 
    "columnVirtualizationThreshold":10, 
    "excessRows":4, 
    "scrollThreshold":4, 
    "excessColumns":4, 
    "horizontalScrollThreshold":2, 
    "scrollThrottle":70, 
    "enableFiltering":false, 
    "enableColumnMenus":true, 
    "enableVerticalScrollbar":1, 
    "minimumColumnSize":10, 
    "headerTemplate":null, 
    "footerTemplate":null, 
    "cellEditableCondition":true, 
    "enableCellEditOnFocus":false 
} 

поэтому я ожидаю, некоторая пагинация случиться, но это не так. Вместо этого я вижу скроллер. Что может быть причиной?

Я нацелен на разбивку страницы на стороне клиента.

Answer 1

Вы должны добавить директиву к сетке:

<div ui-grid="grid" ui-grid-pagination class="grid"></div> 

И добавить ui.grid.pagination к модулю зависимости.

Answer 2

Ваш HTML может быть так:

<div class="grid" ui-grid="gridOptions" ui-grid-pagination></div> 

И ваш пользовательский интерфейс-сетки варианты:

$scope.gridOptions = { 
    //all your code 
    }; 

Answer 3

Иногда можно забыть добавить 'ui.grid.pagination' модуль в app.js. Проверьте ваш app.js, и если вы также забыли добавить, добавьте его, и он будет работать.