Example of Lazy Load Grouping With Paging in Angular Grid Component

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 .

Injecting Module:

Grid component features are segregated into individual feature-wise modules. To use lazy lad grouping feature, we need to inject LazyLoadGroupService into the @NgModule.providers section.