$3.00
1
$3.00
$3.60
2
$7.20
$3.25
4
$13.00
$3.00
3
$9.00
$3.60
2
$7.20
$3.25
2
$6.50
$3.00
2
$6.00
$3.60
3
$10.80
$3.25
3
$9.75
$3.00
1
$3.00
$3.60
4
$14.40
$3.25
3
$9.75
$3.00
4
$12.00
$3.60
4
$14.40
$3.25
2
$6.50
$
$
$3.60
2
$7.20
$3.25
2
$6.50
$3.00
1
$3.00
$3.60
3
$10.80
$3.25
3
$9.75
$3.00
1
$3.00
$3.60
1
$3.60
$3.25
4
$13.00
$3.00
3
$9.00
$3.60
1
$3.60
$3.25
2
$6.50
$3.00
2
$6.00
$
$
$3.25
2
$6.50
$
$
$3.60
4
$14.40
$3.25
3
$9.75
$3.00
1
$3.00
$3.60
2
$7.20
$3.25
3
$9.75
Mayumi
Andrew
Michael
Cheryl
Elio
Martin
Ian
Petra
Guylene
Beate
Lars
Yoshi
Espresso con Panna
Sum
Count
Average
White Chocolate Mocha
Sum
Count
Average
Caffe Espresso
Sum
Count
Average

Description

This is an example of the React Pivot Grid Component with custom style of the grid cells depending on their selection state. You can override the style of any pivot grid cell, row or column using standard CSS. The custom styles can be applied during the data binding definitions and you can use different styles for different pivot dataFields. The React pivot grid also allows you to override the style of individual rows and columns at runtime after the databinding step.