We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

infinite scroll

Thread ID:





147990 Oct 1,2019 05:00 AM UTC Apr 13,2020 03:49 AM UTC Vue 2
Tags: Data Grid
Dong Kim
Asked On October 1, 2019 05:00 AM UTC

I'd like to use an infinite scroll on my data grid, but I can't find anything about that option in the documentation.
Please give me some answer.

Thavasianand Sankaranarayanan [Syncfusion]
Replied On October 2, 2019 10:04 AM UTC

Hi Dong, 

Greetings from Syncfusion support. 

We have logged your requirement as “Need to provide continuous mode scroll for virtual scrolling in Grid” feature in our end. We have added this feature request to our database. You can now track the current status of this feature request here page https://www.syncfusion.com/feedback/8977/need-to-provide-continuous-mode-for-virtual-scroll. We will include this feature in our Essential Studio Volume 1 Main release, which will be rolled out in the January month of 2020.  
You can also communicate with us regarding the open features any time using our Feature Report page   

Thavasianand S. 

Balaji Sekar [Syncfusion]
Replied On April 13, 2020 03:49 AM UTC

Hi Dong,  
Thanks for your patience.  
Query: Need to provide continuous mode scroll for virtual scrolling in EJ2 Grid.  
We are glad to announce that our Essential Studio 2020 Volume 1 Release is rolled out our Syncfusion package version 18.1.42 in that we have added our infinite scrolling feature and you can enable it at your end to avail the feature with corresponding package version.   
By default Infinite scrolling is used to load a huge amount of data without degrading the Grid performance. This feature works like the lazy loading concept, which means the buffer data is loaded only when the scrollbar reaches the end of the scroller. To enable Infinite scrolling, set enableInfiniteScrolling property as true. You can define the initial loading pages count by using infiniteScrollSettings.initialBlocks property. By default, this feature loads three pages in initial rendering.  
We have refer below demo sample and documentation for your reference.   
Limitations of the Infinite scroll:  
  1. Due to the element height limitation in browsers, the maximum number of records loaded by the grid is limited due to the browser capability.
  2. Initial loading rows total height must be greater than the viewport height.
  3. Cell selection will not be persisted in cache mode.
  4. Infinite scrolling is not compatible with detail template and hierarchy features.
  5. Group expand and collapse state will not be persisted in cache mode.
  6. The aggregated information and total group items are displayed based on the current view items. To get these information regardless of the view items.
  7. Programmatic selection using the selectRows and selectRow method is not supported in infinite scrolling.

Please get back to us if you need further assistance.  
Balaji Sekar  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon