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!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

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