angular-ui-缺少网格分页

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>

以及您的 ui-网格选项：

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

Answer 3

有时，人们可能会忘记在 app.js 中添加 'ui.grid.pagination' 模块。检查你的app.js，如果你也忘记添加，添加它，它就会起作用。

angular-ui-缺少网格分页

angular-ui-grid pagination missing

pagination

angularjs

angular-ui-grid