Skip to content

Commit 5b01bd3

Browse files
authored
Merge pull request #1 from Sridhar-Karunakaran/patch-1
987889: Updating the Readme file content
2 parents 6592869 + 4934335 commit 5b01bd3

File tree

1 file changed

+55
-4
lines changed

1 file changed

+55
-4
lines changed

README.md

Lines changed: 55 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,58 @@
1-
# Syncfusion JavaScript (ES5) Pivot Table Component
1+
# Syncfusion JavaScript (ES5) Pivot Table – Memory Optimization Demo
22

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.
44

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)
658

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

Comments
 (0)