DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Pivot Grid - Drill Down

PivotGrid supports the drill-down operation that allows you to retrieve individual facts (records) used to calculate a specific summary value.

Call the createDrillDownDataSource(options) method to get a DataSource instance that contains a list of facts for a summary value.

This demo displays a list of facts within a DataGrid in a Popup window. To open the window, click a pivot grid cell. We use the onCellClick event handler to retrieve the cell's data and pass it as an argument to the createDrillDownDataSource(options) method.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API