Performance Issue with ChipView Widgets in TreeGrid

[ericturpin]

Hello,

I'm using a TreeGrid to display a large dataset, 2600 rows, around 70 columns (60 of which use the ChipView widget).

My implementation is based on this example (https://bryntum.com/products/grid/examples/multi-group) but adapted to a TreeGrid with autoHeight set to false.

I believe Bryntum is able of handling large datasets efficiently, but in my case, the TreeGrid takes around fifteen seconds to render.
Is there any way to improve the rendering performance?

Thank you for your help
Eric

[marcio]

Hey Eric,

Thanks for reaching out.

Rendering a large dataset with many columns can indeed impact performance. Here are a few suggestions to improve rendering performance in your TreeGrid:

1. Virtual Scrolling: Ensure that virtual scrolling is enabled. This feature allows the grid to render only the visible rows, which can significantly improve performance.

2. Column Optimization: Consider reducing the number of columns if possible, or using simpler widgets instead of ChipView for some columns.

3. Renderer Optimization: If you are using custom renderers, make sure they are optimized and avoid heavy computations.

4. Batch Updates: Use batch updates for data changes to minimize re-renders.

5. Lazy Loading: If applicable, implement lazy loading to fetch data in chunks rather than loading all at once.

6. Profile and Debug: Use browser profiling tools to identify bottlenecks in your implementation.

If these suggestions don't help, please provide more details regarding your implementation (a test case would be very nice) for further assistance.