Отсутствует нумерация страниц angular-ui-grid

У меня есть параметры ui-grid следующим образом

      {  
   "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
}

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

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


pagination angularjs angular-ui-grid
person Askar Ibragimov    schedule 03.03.2015    source источник
comment
Вы можете опубликовать html вашей сетки?   -  person Panchitoboy    schedule 03.03.2015

Ответы (3)


arrow_upward
9
arrow_downward

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

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

И добавьте ui.grid.pagination к зависимости вашего модуля.

person Panchitoboy    schedule 03.03.2015

arrow_upward
1
arrow_downward

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

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

И ваши параметры ui-grid:

$scope.gridOptions = {
    //all your code
  };
person r.diazgonz    schedule 26.06.2015

arrow_upward
0
arrow_downward

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

person Khasan 24-7    schedule 27.02.2016