|
1 | | -# Syncfusion JavaScript (ES5) Pivot Table Component |
| 1 | +# Syncfusion JavaScript (ES5) Pivot Table – Memory Optimization Demo |
2 | 2 |
|
3 | | -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). |
| 3 | +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. |
4 | 4 |
|
5 | | -## Run the application |
| 5 | +For detailed guidance, refer to the blog: |
| 6 | +[Optimize Memory Management in JavaScript Pivot Table: Best Practices and Tips](https://www.syncfusion.com/blogs/post/memory-management-tips-js-pivot-table) |
| 7 | + |
| 8 | +## 🛠 Prerequisites |
| 9 | + |
| 10 | +- [Node.js](https://nodejs.org/) (optional if you want to run a local server) |
| 11 | +- A modern browser (Chrome, Firefox, or Edge) |
| 12 | + |
| 13 | +## 🚀 Getting Started |
| 14 | + |
| 15 | +1. **Clone the repository:** |
| 16 | + ```bash |
| 17 | + git clone https://github.com/SyncfusionExamples/javascript-pivot-table-optimizing-memory-management |
| 18 | + ``` |
| 19 | + |
| 20 | +2. **Open the sample:** |
| 21 | + - Navigate to the project folder. |
| 22 | + - Open `index.html` in your browser. |
| 23 | + |
| 24 | +The sample uses the **client-side engine** to demonstrate memory optimization techniques. |
| 25 | + |
| 26 | +## ✅ Key Features Demonstrated |
| 27 | + |
| 28 | +### 🔍 Virtual Scrolling |
| 29 | +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) |
| 30 | + |
| 31 | +### 📄 Paging |
| 32 | +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) |
| 33 | + |
| 34 | +### 🗑 Dispose Unused Instances |
| 35 | +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. |
| 36 | + |
| 37 | +### 🌐 Server-Side Processing |
| 38 | +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) |
| 39 | + |
| 40 | +### 🔄 Dynamic Updates |
| 41 | +Update data and formatting without a full re-render by using the [`dataSourceSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/dataSourceSettings/) property. |
| 42 | + |
| 43 | +## 📚 Learn More |
| 44 | + |
| 45 | +- [Pivot Table Documentation](https://ej2.syncfusion.com/javascript/documentation/pivotview/getting-started) |
| 46 | +- [Pivot Table Demos](https://ej2.syncfusion.com/javascript/demos/#/tailwind3/pivot-table/overview) |
| 47 | +- [Memory Management in JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_management) |
| 48 | + |
| 49 | +## 💬 Support and Feedback |
| 50 | + |
| 51 | +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). |
| 52 | + |
| 53 | +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). |
| 54 | + |
| 55 | +## 📜 License |
| 56 | + |
| 57 | +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) |
6 | 58 |
|
7 | | -To run the application, open the `index.html` file in the web browser and it will render the Syncfusion JavaScript (ES5) Pivot Table component. |
|
0 commit comments