PivotGrid for DevExtreme - How to edit data using DataGrid

This example demonstrates how to use the DataGrid component and PivotGrid's Drill Down feature to edit data in PivotGrid.

Implementation Details

1. Implement the onCellClick event handler to get information about the current cell and use the createDrillDownDataSource method to get plain data. Then, bind DataGrid to these values.

2. Define the onRowUpdating, the onRowRemoving, and the onRowInserting functions to update real PivotGrid data while changing in-memory values.

3. Implement the onHiding event handler to reload data in PivotGrid after a user closes a popup with the grid.

Files to Review

• jQuery
  • index.js
• Angular
  • app.component.html
  • app.component.ts
• Vue
  • App.vue
• React
  • App.js
• ASP.NET
  • Index.cshtml

Documentation

• Getting Started with PivotGrid
• Getting Started with DataGrid

More Examples

• PivotGrid - Drill Down