angular-ui-grid 分页丢失答案

【问题标题】：angular-ui-grid pagination missingangular-ui-grid 分页丢失
【发布时间】：2015-05-04 09:48:44
【问题描述】：

我有一个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
}

所以我预计会发生一些分页，但事实并非如此。我看到的是滚动条。可能是什么原因？

我的目标是客户端分页。

【问题讨论】：

你可以发布你的网格的html吗？

标签： angularjs pagination angular-ui-grid

【解决方案1】：

您必须将指令添加到网格中：

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

并将ui.grid.pagination 添加到您的模块依赖项中。

【讨论】：

【解决方案2】：

你的 HTML 可能是这样的：

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

还有你的 ui-grid 选项：

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

【讨论】：

【解决方案3】：

有时，我们可能会忘记在 app.js 中添加 'ui.grid.pagination' 模块。检查您的 app.js，如果您也忘记添加，请添加它，它将正常工作。

【讨论】：