$2.25
10
$22.50
$1.50
8
$12.00
$3.00
8
$24.00
$2.25
13
$29.25
$1.50
4
$6.00
$3.00
15
$45.00
$2.25
6
$13.50
$1.50
10
$15.00
$3.00
15
$45.00
$2.25
12
$27.00
$1.50
5
$7.50
$3.00
6
$18.00
$2.25
16
$36.00
$1.50
5
$7.50
$3.00
12
$36.00
$2.25
10
$22.50
$1.50
7
$10.50
$3.00
11
$33.00
$2.25
8
$18.00
$1.50
5
$7.50
$3.00
7
$21.00
$2.25
9
$20.25
$1.50
11
$16.50
$3.00
8
$24.00
$2.25
13
$29.25
$1.50
8
$12.00
$3.00
10
$30.00
$2.25
11
$24.75
$1.50
7
$10.50
$3.00
11
$33.00
$2.25
8
$18.00
$1.50
9
$13.50
$3.00
14
$42.00
$2.25
9
$20.25
$1.50
11
$16.50
$3.00
8
$24.00
Cheryl
Peter
Regina
Yoshi
Lars
Antoni
Elio
Martin
Beate
Mayumi
Andrew
Shelley
Caffe Espresso
sum
count
average
Green Tea
sum
count
average
Black Tea
sum
count
average

Description

This is an example of the drill through functionality of the Vue 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 Vue and how to enable or disable the selection functionality of the pivot grid component.