$
$
$
$
$
$3.30
1
$3.30
$
$5.00
4
$20.00
$3.80
1
$3.80
$3.30
2
$6.60
$7.20
$5.00
1
$5.00
$3.80
1
$3.80
$3.30
4
$13.20
$7.20
$5.00
2
$10.00
$3.80
2
$7.60
$3.30
2
$6.60
$3.60
$
$
$3.80
4
$15.20
$3.30
1
$3.30
$7.20
$5.00
3
$15.00
$
$
$3.30
3
$9.90
$10.80
$5.00
1
$5.00
$3.80
2
$7.60
$3.30
4
$13.20
$10.80
$5.00
2
$10.00
$3.80
2
$7.60
$3.30
2
$6.60
$7.20
$5.00
4
$20.00
$3.80
3
$11.40
$3.30
2
$6.60
Shelley
Regina
Ian
Andrew
Antoni
Peter
Yoshi
Mayumi
Nancy
Doubleshot Espresso
Sum
Count
Average
Cramel Latte
Sum
Count
Average
Cappuccino
Sum
Count
Average
White Chocolate Mocha
Sum

Description

This is an example of the Angular 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 Angular pivot grid also allows you to override the style of individual rows and columns at runtime after the databinding step.