Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 39 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,41 @@
# Working with Pivot Table
Learn here about the javascript pivot table and its basic functionalities in detailed manner. To run the sample, please follow the below steps:
* Download files from the github repository.
* Open the index.html in your web browser.
* Now you will be able to see the Pivot Table control as below. You can also interact with the Pivot Table with the help of Field List and Grouping Bar UI to change reports during runtime.
# 📊 Syncfusion JavaScript Pivot Table Example

This project demonstrates how to use the **Syncfusion JavaScript Pivot Table** component. The Pivot Table is a powerful tool for summarizing, analyzing, and visualizing data in a tabular format. It supports features like sorting, filtering, grouping, and calculated fields.

## ✨ Features in This Sample
- **Pivot Table Rendering**: Displays data in rows and columns for easy analysis.
- **Grouping Bar**: Allows you to drag and drop fields to customize the report.
- **Field List**: Lets you add or remove fields dynamically.
- **Sorting and Formatting**: Sort data and apply number/currency formats.
- **Calculated Fields**: Create custom calculations on the fly.

## 📂 Project Structure
```
image/
myapp/
├── index.html
└── index.js
```

- **index.html**: Contains the HTML structure and a container for the Pivot Table.
- **index.js**: Initializes the PivotView component and configures its settings.

## ▶️ How to Run
1. Clone or download this repository.
2. Open `myapp/index.html` in your browser.
3. The Pivot Table will load with sample data. You can interact with it using the Field List and Grouping Bar.

## 🖼️ Screenshot
![Pivot Table](https://github.com/SyncfusionExamples/working-with-pivot-table/blob/master/image/PivotTable.PNG)

## 📚 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.html)

## 💬 Support
For questions or feedback, visit the [Syncfusion Support Portal](https://support.syncfusion.com) or [Community Forums](https://www.syncfusion.com/forums).

## 📜 License
This is a commercial product and requires a valid Syncfusion license.

[View License Terms](https://www.syncfusion.com/license/studio/22.2.5/syncfusion_essential_studio_eula.pdf).