Example of Virtual Scrolling in Javascript Pivot Table Control

/
/
Virtual Scrolling

This sample demonstrates the virtual scrolling option available for vertically and horizontally loading records and showing a large number of records with ease.

More Details...

Time Taken: 0 sec
Description

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 PivotView.Inject(VirtualScroll) method. More information on the virtual scrolling can be found in this documentation section.