$
$
$
2.5
2
$5.00
4
2
$8.00
3
1
$3.00
2.5
1
$2.50
4
1
$4.00
3
5
$15.00
2.5
2
$5.00
4
1
$4.00
$
2.5
3
$7.50
4
5
$20.00
3
4
$12.00
2.5
2
$5.00
$
3
2
$6.00
$
4
4
$16.00
3
1
$3.00
2.5
1
$2.50
4
1
$4.00
3
1
$3.00
2.5
1
$2.50
4
2
$8.00
3
4
$12.00
$
4
4
$16.00
3
3
$9.00
Ian
Peter
Regina
Nancy
Shelley
Andrew
Mayumi
Lars
Antoni
Yoshi
Caffe Espresso
sum
count
average
Peppermint Mocha Twist
sum
count
average
Caffe Americano
sum
count
average

 Change to Tree style display 

Description

This is an example of the React Pivot Grid with rows rendered in a tree structure where the parent row appears above the descending rows. The React pivot grid also supports a rendering mode where the parent rows appear on the left side relative to their descending rows. Click the buttom below the pivot grid to switch the pivot rows display style between OLAP and compact tree-style display.