This sample demonstrates best practices for optimizing memory management in the Syncfusion JavaScript Pivot Table component. It focuses on techniques such as virtual scrolling, paging, disposing unused instances, and server-side processing to handle large datasets efficiently.

For detailed guidance, refer to the blog:
Optimize Memory Management in JavaScript Pivot Table: Best Practices and Tips

• Node.js (optional if you want to run a local server)
• A modern browser (Chrome, Firefox, or Edge)

1. Clone the repository:

   git clone https://github.com/SyncfusionExamples/javascript-pivot-table-optimizing-memory-management

2. Open the sample:

   • Navigate to the project folder.
   • Open index.html in your browser.

The sample uses the client-side engine to demonstrate memory optimization techniques.

Efficiently load only the rows and columns visible in the viewport, reducing memory usage and improving performance. Learn More

Control memory consumption by setting page sizes for rows and columns, loading data in smaller chunks. Learn More

Release memory by destroying Pivot Table objects when they are no longer needed using the destroy method.

Preprocess and aggregate data on the server to minimize client-side memory usage. Learn More

Update data and formatting without a full re-render by using the dataSourceSettings property.

• Pivot Table Documentation
• Pivot Table Demos
• Memory Management in JavaScript

For any other queries, contact our Syncfusion® support team or post your queries through the community forums.

Request a new feature through Syncfusion® feedback portal.

This is a commercial product and requires a paid license for possession or use. Syncfusion's licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. You can purchase a license here or start a free 30-day trial here