$3.30
5
$16.50
$3.25
1
$3.25
$2.25
1
$2.25
$3.30
1
$3.30
$3.25
3
$9.75
$2.25
6
$13.50
$3.30
2
$6.60
$3.25
3
$9.75
$2.25
2
$4.50
$3.30
3
$9.90
$3.25
1
$3.25
$2.25
2
$4.50
$3.30
2
$6.60
$3.25
1
$3.25
$2.25
3
$6.75
$3.30
4
$13.20
$3.25
2
$6.50
$2.25
2
$4.50
$3.30
3
$9.90
$3.25
3
$9.75
$2.25
3
$6.75
$3.30
3
$9.90
$3.25
2
$6.50
$2.25
2
$4.50
$3.30
1
$3.30
$3.25
2
$6.50
$2.25
3
$6.75
$3.30
4
$13.20
$3.25
1
$3.25
$2.25
2
$4.50
$3.30
1
$3.30
$3.25
4
$13.00
$2.25
3
$6.75
$3.30
2
$6.60
$3.25
2
$6.50
$2.25
3
$6.75
Mayumi
Lars
Cheryl
Ian
Martin
Peter
Antoni
Elio
Shelley
Nancy
Michael
Yoshi
Black Tea
sum
count
average
Espresso con Panna
sum
count
average
Doubleshot Espresso
sum
count
average

Description

This is an example of the drill through functionality of the React Pivot Grid . This feature allows you to find the records in the data source which were used to calculate the value of a particular cell in the pivot grid. To drill through a specific grid cell double click on it and you will see a window displaying the source records. In addition to the pivot grid component, this example uses the window and datatable components. The example also demonstrates how to handle open and close events of the window component in React and how to enable or disable the selection functionality of the pivot grid component.