Example of Infinite Scrolling in React Grid Component

/
/
InfiniteScrolling

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.

More Details...

Loading....
Description

The Grid Infinite scrolling, allows to load data in lazy loading concept, which means the buffer data is loaded only when the scrollbar reaches the end of the scroller. To enable Infinite scrolling, set enableInfiniteScrolling property as true.

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

This sample demonstrates the Grid component with the infinite scrolling feature.

Injecting Module:

Grid component features are segregated into individual feature-wise modules. To use InfiniteScrolling feature, we need to inject InfiniteScroll module into the services.