$
$
$3.30
1
$3.30
$3.60
2
$7.20
$5.00
1
$5.00
$3.30
4
$13.20
$3.60
1
$3.60
$5.00
3
$15.00
$3.30
3
$9.90
$3.60
3
$10.80
$5.00
1
$5.00
$3.30
5
$16.50
$3.60
2
$7.20
$5.00
2
$10.00
$3.30
3
$9.90
$3.60
4
$14.40
$5.00
3
$15.00
$3.30
1
$3.30
$3.60
1
$3.60
$5.00
3
$15.00
$3.30
5
$16.50
$3.60
5
$18.00
$5.00
4
$20.00
$3.30
3
$9.90
$3.60
2
$7.20
$5.00
2
$10.00
$3.30
1
$3.30
$3.60
1
$3.60
$
$
$3.30
4
$13.20
$3.60
2
$7.20
$5.00
2
$10.00
$3.30
3
$9.90
$
$
$5.00
2
$10.00
$3.30
2
$6.60
$3.60
3
$10.80
Regina
Antoni
Lars
Yoshi
Guylene
Nancy
Peter
Ian
Beate
Elio
Shelley
Sven
White Chocolate Mocha
Sum
Count
Average
Doubleshot Espresso
Sum
Count
Average
Cappuccino
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.