3.6
1
$3.60
2.5
3
$7.50
$
3.6
3
$10.80
2.5
2
$5.00
4
1
$4.00
3.6
2
$7.20
2.5
3
$7.50
4
5
$20.00
3.6
2
$7.20
2.5
3
$7.50
4
1
$4.00
3.6
3
$10.80
2.5
2
$5.00
4
2
$8.00
3.6
3
$10.80
2.5
1
$2.50
4
3
$12.00
3.6
4
$14.40
2.5
2
$5.00
$
$
2.5
2
$5.00
4
1
$4.00
$
2.5
3
$7.50
$
$
2.5
1
$2.50
4
2
$8.00
Ian
Lars
Andrew
Shelley
Regina
Peter
Mayumi
Yoshi
Nancy
Antoni
Peppermint Mocha Twist
sum
count
average
Caffe Americano
sum
count
average
White Chocolate Mocha
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.