Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!>
Thanks for joining our community and helping improve Syncfusion products!
Hi,
When we try to load the Gantt Chart control with more than around 100 rows, the loading time becomes unacceptably long (around 8 seconds) (also the Gantt lags a bit after it has been loaded, when there are 100+ rows). The guidance that you provide for this, is to enable virtual scrolling.
The issue with virtual scrolling though is that every time the user scrolls even a tiny amount, the user needs to wait about a second for the contents to load. This makes it very hard for users to navigate and find items, as the contents keep disappearing and re-appearing. In other modern applications, the loading time is much less and scrolling is much less jarring to the user.
You can just look at the example that you provide at https://ej2.syncfusion.com/react/documentation/gantt/virtual-scroll#row-virtualization. Even scrolling down a single row, and up a single row, will make the user lose focus, as the contents disappear for a second then re-appear.
Is there some way to improve the performance of the Gantt chart? For example, once the rows are loaded, don't throw them away, when the user scroll away. And/or pre-fetch more rows outside of what the user sees. At the moment, it's hard to use the Syncfusion Gantt chart for any non-trivial amounts of data.
Thanks