Question

我正在考虑将ag-Grid用于我们的目的。我们需要向ag-Grid加载大量的行（~50,000）。此外，我们必须显示分组的行（请参阅随附的屏幕截图）。但是，添加＆＃39; ag-Grid＆＃39;对于分组属性，网格加载非常慢，有时甚至堆叠。此外，展开/折叠选项非常慢。

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
};

你能帮助或有任何想法解决这个问题吗？

Answer 1

如果你在你的应用程序中进行分组，我猜你必须拥有aggrid enterprise。

在这种情况下，您应该使用enterprise或viewport行模型。现在，每次更新（如向下滚动像素）时，您都会渲染所有50.000行。

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

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

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

在Angular2中更快地进行ag-Grid分组

1 个答案: