Lazy Load Grouping With Infinite Scrolling

  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Grouping with Infinite Scrolling in ASP.NET Core Data Grid Control

This sample demonstrates the lazy loading grouping feature with infinite scrolling.

DEMO
SOURCE

The lazy load grouping allows the grid to render only the initial level caption rows in the collapsed state while grouping. Now, the Data Grid supports lazy load grouping for infinite scrolling enabled grid too, which means the records of each group caption will render only when you expand the group captions row. Buffer data is loaded only when the scrollbar reaches the end of the scroller. This is done by setting the groupSettings->enableLazyLoading property as true and the enableInfiniteScrolling property as true.

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