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.
S.No | Player Name | Year | Sports | Country | LGID | GP | GS | Minutes | Points | OREB | DREB | REB | Assists | Steals | Blocks | Turnovers | PF | FGA |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| No records to display |
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 component features are separated into feature-wise modules. To use Infinitescrolling feature, inject the InfiniteScrollService into the @NgModule.providers section.
To utilize column virtualization, inject the VirtualScrollService, and for infinite scrolling, integrate the InfiniteScrollService into the @NgModule.providers section.
More information on the infinite scrolling can be found in this documentation section.