Example of Infinite Scrolling in ASP.NET MVC Data Grid Control

This sample demonstrates the Grid component with the infinite scrolling feature. You can use the scrollbar or navigation keys or the mouse wheel to perform the infinite scroll action.

DEMO
SOURCE

The Grid Infinite scrolling feature enables the loading of data using the lazy loading concept, where buffer data is loaded only when the scrollbar reaches the end of the scroller. To enable Infinite scrolling, set the enableInfiniteScrolling opens in a new tab property to true. Additionally, you can efficiently display a multiple columns without performance degradation using the clumn virtualization feature. Enable column virtualization by setting the enableColumnVirtualizationopens in a new tab property to true.

Note: The height property must be defined when enabling enableInfiniteScrolling.

More information on the infinite scrolling can be found in this documentation sectionopens in a new tab.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab