Skip to content

Commit c8f89e3

Browse files
987889: Updating the README file content
1 parent 9593880 commit c8f89e3

File tree

1 file changed

+80
-8
lines changed

1 file changed

+80
-8
lines changed

README.md

Lines changed: 80 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,87 @@
1-
# Editing in React Pivot Table Component
1+
# 🧩 Editing in React Pivot Table Component
22

3-
A quick-start project that helps you to edit the pivot table with normal, dialog, batch, inline, command column, and pivot chart editing.
3+
This sample demonstrates how to **edit a Pivot Table using Syncfusion's React PivotView component** with multiple editing modes and view options.
44

5-
Documentation: https://ej2.syncfusion.com/react/documentation/pivotview/editing/
5+
## 📖 Overview
66

7-
Online examples: https://ej2.syncfusion.com/react/demos/#/bootstrap5/pivot-table/editing
7+
The Syncfusion Pivot Table (PivotView) component allows users to analyze and summarize large datasets interactively. In this example:
88

9-
## Project prerequisites
9+
- The Pivot Table is configured with:
10+
- **Rows:** `Country`, `Products`
11+
- **Columns:** `Year`
12+
- **Values:** `Sold` (Units Sold), `Amount` (Sold Amount)
13+
- Editing features include:
14+
- **Normal Editing**
15+
- **Dialog Editing**
16+
- **Batch Editing**
17+
- **Inline Editing**
18+
- **Command Column Editing**
19+
- The component supports two view modes:
20+
- **Pivot Table View**
21+
- **Pivot Chart View** (configured as a Column chart)
1022

11-
Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project.
23+
## 🛠 Prerequisites
1224

13-
### How to run this application?
25+
Before running this project, ensure you have:
1426

15-
To run this application, you need to clone the `editing-in-react-pivot-table-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `npm start` command.
27+
- [Node.js](https://nodejs.org/) (latest version recommended)
28+
- [Visual Studio Code](https://code.visualstudio.com/)
29+
30+
## 🚀 Getting Started
31+
32+
Follow these steps to run the application:
33+
34+
1. **Clone the repository:**
35+
```bash
36+
git clone https://github.com/your-repo/editing-in-react-pivot-table-component
37+
```
38+
39+
2. **Navigate to the project folder:**
40+
```bash
41+
cd editing-in-react-pivot-table-component
42+
```
43+
44+
3. **Install dependencies:**
45+
```bash
46+
npm install
47+
```
48+
49+
4. **Start the development server:**
50+
```bash
51+
npm start
52+
```
53+
54+
5. Open your browser and go to `http://localhost:3000` to view the Pivot Table.
55+
56+
## 📂 Project Structure
57+
58+
```
59+
editing-in-react-pivot-table-component/
60+
├── public/
61+
│ ├── index.html
62+
│ └── ...
63+
├── src/
64+
│ ├── App.tsx # Main component with Pivot Table configuration
65+
│ ├── data.js # Sample data used in the Pivot Table
66+
│ └── ...
67+
├── package.json
68+
├── README.md
69+
└── tsconfig.json
70+
```
71+
72+
## 🔍 Live Examples & Documentation
73+
74+
- [Live Demo](https://ej2.syncfusion.com/react/demos/#/bootstrap5/pivot-table/editing)
75+
- [Syncfusion Pivot Table Documentation](https://ej2.syncfusion.com/react/documentation/pivotview/editing/)
76+
77+
## 💬 Support
78+
79+
For questions or feedback, visit:
80+
81+
- [Syncfusion Support Portal](https://support.syncfusion.com)
82+
- [Syncfusion Community Forums](https://www.syncfusion.com/forums)
83+
84+
## 📜 License
85+
86+
This project uses Syncfusion components, which require a valid license for production use.
87+
[View Syncfusion License Terms](https://www.syncfusion.com/license/studio/22.2.5/syncfusion_essential_studio_eula.pdf)

0 commit comments

Comments
 (0)