Example of undefined in React Grid Component


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

More Details...


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 virtual 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 while scrolling vertically or horizontally. This is done by setting the groupSettings->enableLazyLoading property as true and the enableVirtualization property as true.

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

Injecting Module:

Grid features are segregated into individual feature-wise modules. To use lazy load grouping and virtual scrolling features, we need to inject LazyLoadGroup and VirtualScroll modules into the services.