Ag网格中枢轴表的服务器端分页

Question

我的网格数据非常大，我想添加分页。

const columnDefs = [
{
 field: 'athlete',
 minWidth: 200,
 enableRowGroup: true,
 enablePivot: true,
},
{
 field: 'age',
 enableValue: true,
},
{
 field: 'country',
 minWidth: 200,
 enableRowGroup: true,
 enablePivot: true,
 headerValueGetter: countryHeaderValueGetter,
},
{
 field: 'year',
 enableRowGroup: true,
 enablePivot: true,
},
{
 field: 'date',
 minWidth: 180,
 enableRowGroup: true,
 enablePivot: true,
},
{
 field: 'sport',
 minWidth: 200,
 enableRowGroup: true,
 enablePivot: true,
},
{
 field: 'gold',
 hide: true,
 enableValue: true,
 toolPanelClass: 'tp-gold',
},
{
 field: 'silver',
 hide: true,
 enableValue: true,
 toolPanelClass: ['tp-silver'],
},
{
 field: 'bronze',
 hide: true,
 enableValue: true,
 toolPanelClass: function (params) {
   return 'tp-bronze';
 },
},
{
 headerName: 'Total',
 field: 'totalAgg',
 valueGetter:
   'node.group ? data.totalAgg : data.gold + data.silver + data.bronze',
},
];

const gridOptions = {
columnDefs: columnDefs,
defaultColDef: {
 flex: 1,
 minWidth: 100,
 sortable: true,
 filter: true,
},  pagination: true, 
             rowModelType: 'infinite',
            
             cacheBlockSize: 100, // you can have your custom page size
             paginationPageSize: 100,
sideBar: {
             toolPanels: [
               {
                 id: 'columns',
                 labelDefault: 'Columns',
                 labelKey: 'columns',
                 iconKey: 'columns',
                 toolPanel: 'agColumnsToolPanel',
               },
             ],
             defaultToolPanel: 'columns',
           },
rowGroupPanelShow: 'always',
};


function countryHeaderValueGetter(params) {
switch (params.location) {
 case 'csv':
   return 'CSV Country';
 case 'clipboard':
   return 'CLIP Country';
 case 'columnToolPanel':
   return 'TP Country';
 case 'columnDrop':
   return 'CD Country';
 case 'header':
   return 'H Country';
 default:
   return 'Should never happen!';
}
}

// setup the grid after the page has finished loading
document.addEventListener('DOMContentLoaded', function () {
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
const dataSource = {
             rowCount: undefined, // behave as infinite scroll
             getRows: function (params) {
                var lastRow=-1;
                  fetch('https://www.ag-grid.com/example-assets/olympic-winners.json')
 .then((response) => response.json())
 .then((data) => {var data1=data.splice(params.start,100);params.successCallback(data1, lastRow) ;console.log(data,'data')});
                                       
                
             },
           };            
         gridOptions.api.setDatasource(dataSource);
         

});

但是，我不知道有什么问题，或者不知道有什么问题，或者有可能在服务器端的分页中 添加了分页，但我想添加分页。当我选择最小值或最大或计数数据时，我正在获取行数据，但在尝试部分时没有汇总数据。谁能说我错了。提前致谢

Answer 1

在这里，发送到AG网格本身的数据包含100个记录。因此，只有在我们必须将整个数据集提供给Ag网格的情况下，它才能执行聚合。