Ag-Grid存储分页数据

const gridOptions = {
    columnDefs: [
        { headerName: 'ID', field: 'id' },
        { headerName: 'Name', field: 'name' },
        // 其他列定义
    ],
    rowModelType: 'infinite',
    cacheBlockSize: 100,
    maxBlocksInCache: 10,
    datasource: {
        getRows: (params) => {
            const request = {
                startRow: params.startRow,
                endRow: params.endRow
            };
            fetch('/api/data', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(request)
            })
            .then(response => response.json())
            .then(data => {
                params.successCallback(data.rows, data.lastRow);
            })
            .catch(error => {
                params.failCallback();
            });
        }
    }
};

new agGrid.Grid(document.getElementById('myGrid'), gridOptions);

const gridOptions = {
    columnDefs: [
        { headerName: 'ID', field: 'id' },
        { headerName: 'Name', field: 'name' },
        // 其他列定义
    ],
    rowModelType: 'serverSide',
    pagination: true,
    pageSize: 10,
    serverSideDatasource: {
        getRows: (params) => {
            const request = {
                startRow: params.startRow,
                endRow: params.endRow,
                sortModel: params.sortModel,
                filterModel: params.filterModel
            };
            fetch('/api/data', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(request)
            })
            .then(response => response.json())
            .then(data => {
                params.successCallback(data.rows, data.lastRow);
            })
            .catch(error => {
                params.failCallback();
            });
        }
    }
};

new agGrid.Grid(document.getElementById('myGrid'), gridOptions);