Pivot Table Fields
Filters
Columns
Rows
Values
First Name
Last Name
Product name
quantity
price
total
Product name
Product name
First Name
Last Name
Sum
Count
3
$9.00
1
$2.50
2
$9.00
$
3
$7.50
3
$13.50
1
$3.00
3
$7.50
1
$4.50
1
$3.00
1
$2.50
3
$13.50
1
$3.00
2
$5.00
3
$13.50
2
$6.00
1
$2.50
5
$22.50
2
$6.00
3
$7.50
1
$4.50
3
$9.00
4
$10.00
3
$13.50
2
$6.00
3
$7.50
3
$13.50
3
$9.00
1
$2.50
2
$9.00
1
$3.00
2
$5.00
3
$13.50
6
$18.00
2
$5.00
3
$13.50
Yoshi
Petra
Sven
Ian
Shelley
Peter
Elio
Lars
Andrew
Antoni
Michael
Mayumi
Caffe Latte
Sum
Count
Caffe Americano
Sum
Count
Caffe Espresso
Sum
Count

Description

This is an example of the React Pivot Grid Component and the Pivot Grid Designer Component. You can use the pivot grid designer to select which fields will be displayed on rows and columns. You can also select different value fields and choose an aggregation function. Simply drag and drop fields in the respective area and the pivot grid's content will update automatically. You can also click on the menu of each columns, rows, filters or values item and select additional options like text alignment, number formatting and numbers alignment.