React JS Grid

Hello, I have tried Grid React JS, why is it so slow, like there is a delay when displaying rows of data in the grid?


1 Reply

SI Santhosh Iruthayaraj Syncfusion Team January 12, 2024 01:29 PM UTC

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


Loader.
Up arrow icon