添加单元格渲染器时ag-grid以角度滚动的问题

问题描述

在向网格提供列选项的同时向 ag-grid 添加单元格渲染时遇到问题（请参阅下面的代码）。一旦我将自定义单元格渲染器添加到 ag-grid，滚动就会变得非常缓慢并且不流畅。

public ngOnInit(): void {
    this.frameworkComponents = {
      date: DateCellRendererComponent,money: MoneyCellRendererComponent
    };

    this.gridOptions = this._agGridService.getGridOptions({
      gridOptions: {
        defaultColDef: {
          suppressMenu: true,filter: false,autoHeight: true,sortingOrder: ['asc','desc']
        },domLayout: 'autoHeight',columnDefs: getColumnDeFinitions(),suppressContextMenu: true,suppressRowHoverHighlight: true,suppressRowClickSelection: true,suppressLoadingOverlay: true,suppressnorowsOverlay: true,onColumnResized: columnResizedEvent => this.onColumnResized(columnResizedEvent),onGridReady: gridReadyEvent => this.onGridReady(gridReadyEvent)
      }
    });
  }

在添加自定义渲染器时，我在控制台中收到以下控制台警告。

似乎是单元渲染器让它变慢了。单元渲染器没有做任何复杂的事情。即使单元格渲染就像只显示给定文本一样简单，问题仍然存在。但是，从 this.frameworkComponents 中删除 ngOnInit 可以解决此问题，并且滚动再次变得顺畅。

我尝试在 this.gridOptions 中设置多个选项，但问题仍然存在。此外，我还有另一个网格，它可以与相同的 this.gridOptions 一起正常工作。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ag-grid angular cellrenderer javascript