'React AgGrid improve horizontal scroll performance

I am using AgGrid with number of rows and columns. I have also applied cellStyle for cell conditional formatting. Which slows down horizontal scroll performance. So i want to make infinite column loading on horizontal scroll or say load more columns as scrolling horizontal.

sample data Is there any functionality to implemt this?

I have so many columns...so it took time in navigation..going forward and backward is not smooth

react-nativeperformancescrollag-grid-react


Solution 1:[1]

Check out on the row supression, e.g. to set the rowBuffer=20 or lower. Else it's to disable via suppressColumnVirtualisation=true where the columns are rendered directly before horizontal scrolling happens. https://www.ag-grid.com/javascript-data-grid/dom-virtualisation/

There's some written guide, which hope it helps on ag-grid itself: https://www.ag-grid.com/javascript-data-grid/scrolling-performance/ which may help pin-point on your question.

Solution 2:[2]

I would give a try on supressColumnVirtualisation=true. By doing so, you allow the DOM to render all the columns, not only the visible set.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Han
Solution 2 Lourdes Ramirez

Related Questions