angular - 在 Ag-grid 分页中设置 totalPages

Question

我正在使用带有分页的 Ag-grid。

我正在寻找一种方法来使用 count/pageSize 方式设置分页的总页数。

数据应该在事件 onPaginationChanged 上加载

类似的东西:

 this.gridOptions.api.setTotalPages = 10

Answer 1

没有直接的api/参数来设置页数。但是您可以更改 paginationPageSize 以确保最多有 10 页。

假设您每页至少有 50 个。

var gridOptions = {
   ...
   pagination: true,
   paginationPageSize: 50,
   ...
};

那么你可能有一些设置数据的方法

setDataToGrid: function(data){
    //data is more than your what can be fit in 10 pages
    if(data.length > gridOptions.paginationPageSize * 10){
        gridOptions.paginationPageSize = Math.ceil(data.length/10);
    }
    gridOptions.api.setRowData(data);
}

working plnkr example here

注意:除非您有大量无法显示的行，否则总是分配到 10 个页面并不好。