Hi C.A diecast,
Greetings from Syncfusion Support.
Based on your query, we understand that you are loading a
large number of records into the Grid dataSource without implementing any of
the on-demand loading feature. Please note that when binding a large amount of
data, the Grid needs to render a row for every single record in the dataSource.
This can significantly impact the rendering time of the Grid with a large
dataset. To mitigate this, features such as Paging, Virtualization, and
Infinite Scroll have been introduced. You can choose any one of these features
based on your requirements to load the Grid records on demand, thereby
improving the performance of the Grid. Please refer to the documentation
references below for more information.
Paging: https://ej2.syncfusion.com/react/documentation/grid/paging
Demo: https://ej2.syncfusion.com/react/demos/#/material/grid/paging
Virtual Scrolling: https://ej2.syncfusion.com/react/documentation/grid/scrolling/virtual-scrolling
Demo: https://ej2.syncfusion.com/react/demos/#/material/grid/virtualization
Infinite Scrolling: https://ej2.syncfusion.com/react/documentation/grid/scrolling/infinite-scrolling
Demo: https://ej2.syncfusion.com/react/demos/#/material/grid/infinite-scrolling
Please let us know if you have any further queries.
Regards,
Santhosh I