1

在此处输入图像描述我正在考虑将 ag-Grid 用于我们的目的。我们需要将大量行（约 50,000 行）加载到 ag-Grid。此外，我们必须显示带有分组的行（参见随附的屏幕截图）。但是，在添加具有分组属性的“ag-Grid”之后，网格加载非常缓慢，有时甚至是堆叠的。展开/折叠选项也很慢。

this.gridOptions = <GridOptions>{
  rowData:this.rowData,
  columnDefs:this.columnDefs,
  enableFilter: true,
  maxBlockInCache: 100,
  cacheOverflowSize:50,
  cacheBlockSize:50,
  enableRtl: true,
  enableColResize:true,
  suppressAutoSize:true,
  enableSorting:true,
  rowSelection: 'multiple',
  rowDeselection:true,
  enableStatusBar:true,
  alwaysShowStatusBar:true,
  enableRangeSelection:true,
  rowGroupPanelShow: "always",
  animateRows: true,
  groupDefaultExpanded: -1,
  autoGroupColumnDef: { field: "city" },
  columnTypes: this.columnTypes
};

您能否提供帮助或获得解决问题的任何想法？

4

1 回答 1

0

如果您的应用程序中有分组，我想您必须有 aggrid 企业。

在这种情况下，您应该使用企业或视口行模型。现在，每次必须进行更新（例如向下滚动一个像素）时，您都会渲染所有 50.000 行。

我们没有使用企业版，所以我只能将您链接到官方文档：

但是，当我们从标准行模型更改为无限滚动（具有企业的大多数功能）时，1000 行已经有了很大的不同。

我们还进行了其他优化，例如删除输入组件并用 aggrid-cell-editors 替换它们（整个列只有一个输入侦听器），但切换行模型是迄今为止最大的性能改进。

于 2018-05-11T19:42:27.893 回答