From 4934335e3b48432baf98c307fd8a34cf2ba80082 Mon Sep 17 00:00:00 2001 From: Sridhar-Karunakaran <107928376+Sridhar-Karunakaran@users.noreply.github.com> Date: Fri, 17 Oct 2025 00:45:15 +0530 Subject: [PATCH] Update README.md --- README.md | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 55 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index bf6977f..7a06289 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,58 @@ -# Syncfusion JavaScript (ES5) Pivot Table Component +# Syncfusion JavaScript (ES5) Pivot Table โ€“ Memory Optimization Demo -This application is configured with the Syncfusion JavaScript (ES5) Pivot Table component in a simple HTML web application. To know more information, check out the getting started [documentation](https://ej2.syncfusion.com/javascript/documentation/pivotview/getting-started). +This sample demonstrates **best practices for optimizing memory management** in the [Syncfusion JavaScript Pivot Table](https://www.syncfusion.com/javascript-ui-controls/js-pivot-table) component. It focuses on techniques such as **virtual scrolling**, **paging**, **disposing unused instances**, and **server-side processing** to handle large datasets efficiently. -## Run the application +For detailed guidance, refer to the blog: +[Optimize Memory Management in JavaScript Pivot Table: Best Practices and Tips](https://www.syncfusion.com/blogs/post/memory-management-tips-js-pivot-table) + +## ๐Ÿ›  Prerequisites + +- [Node.js](https://nodejs.org/) (optional if you want to run a local server) +- A modern browser (Chrome, Firefox, or Edge) + +## ๐Ÿš€ Getting Started + +1. **Clone the repository:** + ```bash + 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. + +## โœ… Key Features Demonstrated + +### ๐Ÿ” Virtual Scrolling +Efficiently load only the rows and columns visible in the viewport, reducing memory usage and improving performance. [Learn More](https://ej2.syncfusion.com/javascript/documentation/pivotview/virtual-scrolling) + +### ๐Ÿ“„ Paging +Control memory consumption by setting page sizes for rows and columns, loading data in smaller chunks. [Learn More](https://ej2.syncfusion.com/javascript/documentation/pivotview/paging) + +### ๐Ÿ—‘ Dispose Unused Instances +Release memory by destroying Pivot Table objects when they are no longer needed using the [`destroy`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/#destroy) method. + +### ๐ŸŒ Server-Side Processing +Preprocess and aggregate data on the server to minimize client-side memory usage. [Learn More](https://ej2.syncfusion.com/javascript/documentation/pivotview/server-side-pivot-engine) + +### ๐Ÿ”„ Dynamic Updates +Update data and formatting without a full re-render by using the [`dataSourceSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/dataSourceSettings/) property. + +## ๐Ÿ“š Learn More + +- [Pivot Table Documentation](https://ej2.syncfusion.com/javascript/documentation/pivotview/getting-started) +- [Pivot Table Demos](https://ej2.syncfusion.com/javascript/demos/#/tailwind3/pivot-table/overview) +- [Memory Management in JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_management) + +## ๐Ÿ’ฌ Support and Feedback + +For any other queries, contact our [Syncfusionยฎ support team](https://support.syncfusion.com/?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples) or post your queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples). + +Request a new feature through [Syncfusionยฎ feedback portal](https://www.syncfusion.com/feedback?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples). + +## ๐Ÿ“œ License + +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](https://www.syncfusion.com/license/studio/22.2.5/syncfusion_essential_studio_eula.pdf?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples). You can purchase a license [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples) or start a free 30\-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples) -To run the application, open the `index.html` file in the web browser and it will render the Syncfusion JavaScript (ES5) Pivot Table component. \ No newline at end of file