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

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.

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

• Getting Started with PivotGrid
• Getting Started with DataGrid

• PivotGrid - Drill Down