The Grid Infinite scrolling feature enables the loading of data using the lazy loading concept, where buffer data is loaded only when the scrollbar reaches the end of the scroller.
To enable Infinite scrolling, set the
enableInfiniteScrolling
property to true. Additionally, you can efficiently display a multiple columns without performance degradation using the clumn virtualization feature.
Enable column virtualization by setting the
enableColumnVirtualization
property to true.
Note: The
height
property must be defined when enabling the
enableInfiniteScrolling
.
This sample demonstrates the Grid component with the infinite scrolling feature.
Injecting Module:
Grid features are separated into feature-wise modules.
To use infinite scrolling feature, inject the
InfiniteScroll
using the Grid.Inject(InfiniteScroll)
section.
To utilize column virtualization, inject the VirtualScroll
module,
and for infinite scrolling, integrate the InfiniteScroll
module.
More information on the infinite scrolling can be found in this documentation section.
null