在使用AG Grid 26.0.0和Angular 12.2实现分页时,在实现服务器端分页与无限行模型类型的组合时,会遇到以下问题:
解决方法是手动指定行模型类型为“标准”行模型类型。可以在GridOptions的rowModelType属性中指定行模型类型为“标准”。
例如:
import { Component } from '@angular/core';
// 导入AG Grid的相关模块
import { GridOptions } from '@ag-grid-community/core';
import { ServerSideDatasource } from '@ag-grid-community/server-side-row-model';
@Component({
selector: 'app-grid',
template: `
`
})
export class AppComponent {
// 定义AG Grid的列定义和数据
private columnDefs = [
{ field: 'athlete' },
{ field: 'age' },
{ field: 'country' },
{ field: 'year' },
{ field: 'sport' },
{ field: 'gold' },
{ field: 'silver' },
{ field: 'bronze' }
];
// 定义AG Grid的相关配置
public gridOptions: GridOptions = {
rowModelType: 'serverSide',
serverSideStoreType: 'partial',
cacheBlockSize: 100,
columnDefs: this.columnDefs,
serverSideDatasource: new ServerSideDatasource({
getRows: (params) => {
// 获取服务器端数据
const requestParams = {
startRow: params.request.startRow,
endRow: params.request.endRow,
sortModel: params.request.sortModel,