React AgGrid 提高水平滚动性能

Posted 2023-02-18

【中文标题】React AgGrid 提高水平滚动性能

【英文标题】：React AgGrid improve horizontal scroll performance

【发布时间】：2022-01-13 03:23:28

【问题描述】：

我正在使用具有行数和列数的 AgGrid。我还为单元格条件格式应用了 cellStyle。这会降低水平滚动性能。所以我想在水平滚动上进行无限列加载，或者说加载更多列作为水平滚动。

sample data 有什么功能可以实现吗？

我有这么多列...所以导航需要时间..前进和后退并不顺畅

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

对不起，我的代码太长了……如果我给 sn-p 没有人能理解。

【参考方案1】：

检查行抑制，例如设置 rowBuffer=20 或更低。否则，它是通过 suppressColumnVirtualisation=true 禁用的，其中列在水平滚动发生之前直接呈现。 https://www.ag-grid.com/javascript-data-grid/dom-virtualisation/

有一些书面指南，希望它对 ag-grid 本身有所帮助：https://www.ag-grid.com/javascript-data-grid/scrolling-performance/ 这可能有助于确定您的问题。

【讨论】：

感谢帮助...让我实现这个

不按我的需要工作

很难确定问题，它与您提到的 cellStyle 格式有关吗？例如，如果将其删除，是否没有性能问题？

不，没有单元格样式问题...我有这么多列...所以导航需要时间...前进和后退并不顺畅

想不通，因为检查似乎只在ag-grid.com/react-data-grid/scrolling-performance 上支持垂直滚动时的去抖动。另一件事可能是将您的任务发布到 ag-grid 的 github 问题。但是请准备好进行一些工作演示。很抱歉在这方面找不到太多帮助。