DataGrid / Scrolling / Infinite Scrolling

Blazor DataGrid Example - Infinite Scrolling

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the DataGrid infinite scrolling feature for efficient loading of large datasets on demand.

The DataGrid infinite scrolling feature enables on-demand data loading using a load-on-demand approach. Data is fetched and buffered only when the scrollbar reaches the end of the viewport. To enable infinite scrolling, set the EnableInfiniteScrolling property to true.

You can interact with infinite scrolling using:

  • The scrollbar to scroll vertically
  • Navigation keys for keyboard control
  • Mouse wheel for continuous scrolling

Important: When enabling EnableInfiniteScrolling, you must also define the Height property for proper scrolling behavior.

For more detailed information about infinite scrolling, refer to the infinite scrolling documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE