This sample demonstrates the virtual scrolling option available for vertically and horizontally loading records and showing a large number of records with ease.
The pivot table provides an optimized way to render rows and columns inside the view-port alone without calculating the value of the entire pivot. To enable virtual scrolling, set enableVirtualization property to true.
In this sample, the allowSinglePage
property is enabled by default, allowing
only the current page data to be displayed in the pivot table view. Previously, we were showing both the previous and
next pages along with the current page. The recent change has been introduced to enhance performance.
Injecting Module:
The pivot table features are segregated into individual modules. To use the virtual scrolling option, we
need to inject the
VirtualScroll
module using the
services
tag.
More information on the virtual scrolling can be found in this documentation section.