Syncfusion JavaScript Pivot Table – Virtual Scrolling Example

This sample demonstrates Virtual Scrolling in the Syncfusion JavaScript Pivot Table component. Virtual scrolling helps you handle large datasets efficiently by loading rows and columns on demand as you scroll, instead of rendering all data at once.

📖 Overview

The Pivot Table is a powerful tool for summarizing and analyzing data. When working with thousands of records, rendering everything at once can slow down performance. Virtual Scrolling solves this by:

• Loading only the visible rows and columns.
• Fetching additional data dynamically as you scroll.
• Keeping the UI responsive even with large datasets.

In this example:

• We use a large client-side data source with fields like ProductID, City, Year, CustomerName, Sold, and InStock.
• Virtual scrolling is enabled using the enableVirtualization property.
• The layout includes rows, columns, values, and filters similar to a standard Pivot Table.

🛠 Prerequisites

• A modern browser (Chrome, Firefox, Edge)
• Node.js (optional, for running a local server)

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/SyncfusionExamples/virtual-scrolling-in-pivot-table

2. Install dependencies (optional):

   npm install

3. Run the application:

   npm start

   This launches the app in your default browser using browser-sync.

4. Alternatively, open Virtual_Scrolling.html directly in your browser.

✅ Key Features

• High-performance rendering of large datasets
• Instant loading of up to 1 million records
• Smooth scrolling using virtual rendering
• No external dependencies – runs in the browser

📂 Project Structure

• Virtual_Scrolling.html – Main sample file with PivotView configuration.
• styles.css – Optional custom styles.
• package.json – Scripts and dependencies.

📚 Learn More

• Pivot Table Documentation
• Pivot Table Demos

💬 Support

For questions or feedback, visit the Syncfusion Support Portal or Community Forums.

📜 License

This is a commercial product and requires a valid Syncfusion license.
View License Terms.