$3.50
$3.80
2
$7.60
$5.00
1
$5.00
$3.60
3
$10.80
$
$
$
$5.00
3
$15.00
$3.60
2
$7.20
$1.75
$3.80
2
$7.60
$5.00
2
$10.00
$3.60
3
$10.80
$3.50
$3.80
3
$11.40
$5.00
3
$15.00
$3.60
1
$3.60
$
$3.80
1
$3.80
$5.00
2
$10.00
$3.60
2
$7.20
$5.25
$3.80
2
$7.60
$5.00
1
$5.00
$3.60
2
$7.20
$1.75
$3.80
2
$7.60
$5.00
2
$10.00
$3.60
2
$7.20
$3.50
$3.80
2
$7.60
$5.00
4
$20.00
$3.60
3
$10.80
$1.75
$3.80
1
$3.80
$5.00
4
$20.00
$
$
Peter
Shelley
Antoni
Andrew
Yoshi
Regina
Nancy
Mayumi
Ian
White Chocolate Mocha
Sum
Count
Average
Cappuccino
Sum
Count
Average
Cramel Latte
Sum
Count
Average
Espresso Truffle
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.