Big large data on grid component

Question

Hi

İ have 92 000 data on database. When try to show on grid, grid component wait long time for this. Please tell me how can i do that when i scroll down and i reach bottom of list fill new data on grid?

My another question that, how can i understand i reach bottom of the grid list when i scroll down?

I just try enableVirtualizatıon feature, but its not work me too.

Th

Joseph Christ Nithin Issack · Answer

Hi Yahya,  Greetings from Synfusion support.  Based on your requirement, you are having a large
number of records in your database. You want to know  how to do that when
you scroll down and you reach bottom of list you want to fill new data on grid?
  Your requirement can be achieved by using either
`Virtual scrolling` or `Infinite scrolling` feature of the EJ2 Grid. Please
refer the below documentations for detailed information about the above features.Documentation: Virtual Scrolling: https://ej2.syncfusion.com/react/documentation/grid/virtual/Infinite Scrolling: https://ej2.syncfusion.com/react/documentation/grid/infinite-scroll/You can also refer the below samples.Samples:Virtual Scrolling: https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/virtualizationInfinite Scrolling: https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/infinite-scrollingNote: Please ensure to define the height to the grid and
inject the required modules to enable the above features.Please get back to us for further details.Regards,Joseph I.

cuong · Answer

How can I trigger event to load next page from server when I use

Infinite Scrolling in React I use dataStateChange={dataStateChange.bind(this)}but Is is not render

Joseph Christ Nithin Issack · Answer

Hi Cuong,  Based on your query, you want to trigger an
event when loading the next set of data. By default in EJ2 Grid, `actionBegin`
and `actionComplete` events will be triggered at the beginning and end
of the loading the next set of data while infinite scrolling.API: https://ej2.syncfusion.com/react/documentation/api/grid/#actionbeginhttps://ej2.syncfusion.com/react/documentation/api/grid/#actioncompletePlease refer the below
code example.

function actionBegin(args) {
      if (args.requestType == 'infiniteScroll') {
        debugger;
        // you can perform your action here.
      }
    }

Sample: https://stackblitz.com/edit/react-mwvdyq?file=index.jsPlease get back to us
for further details.Regards,Joseph I.