Fetching data when scrollbar reaches the end

Hi,
I've implemented infinite scrolling, but I'm having an issue when it fetches new data it refreshes my grid, and I lose all checkbox values and scrolls to the top.

My infinite scroll call to backend looks like this:

    if (
      args.requestType == 'infiniteScroll' &&
      args.startIndex == this.startIndex
    ) {
      this.startIndex += this.tableService.paging;
      this.fetchMore.emit();
    }


I'm using auto-generated columns with dynamic column.visible option.
I've attached a video on how it looks.


Attachment: VideoEditor_20221123_090247_a5ca600f.zip

1 Reply

VB Vinitha Balasubramanian Syncfusion Team November 29, 2022 12:35 PM UTC

Hi Gustav,


Greetings from Syncfusion support.


Query : Fetching data when scrollbar reaches the end


By default, Infinite scrolling is used to load a huge amount of data without degrading the Grid performance. It has some limitation on selection


  • Programmatic selection using the selectRows and selectRow method is not supported in infinite scrolling.
  • Cell selection will not be persisted in cache mode.


Documentation : https://ej2.syncfusion.com/angular/documentation/grid/infinite-scroll/#limitations-for-infinite-scrolling


If the above doesn’t meet your requirement, please share your exact requirement scenario with detailed description which will be helpful for us to provide a better solution.


Regards,

Vinitha Balasubramanian


Loader.
Up arrow icon