Blazor DataGrid Example - Reactive Aggregation

DataGrid / Aggregates / Reactive Aggregate

This sample demonstrates reactive aggregate that updates the grid aggregated data while editing in Batch EditMode.

Loading Syncfusion Blazor Server Demos…

sfgridomupstzo5qm_header_table

Order ID

Press Enter to sort. Press Ctrl space to group

Customer Name

Sorted in ascending order. Press Ctrl space to group

Freight

Press Enter to sort. Press Ctrl space to group

Order Date

Press Enter to sort. Press Ctrl space to group

Ship Country

Press Enter to sort. Press Ctrl space to group

Verified

Press Enter to sort. Press Ctrl space to group

Customer Name: ALFKI - 9 items

Average: $1,014.30

10085

ALFKI

$195.50

8/1/2023

Germany

10174

ALFKI

$400.20

8/20/2023

Austria

10263

ALFKI

$604.90

8/15/2023

Italy

10352

ALFKI

$809.60

8/10/2023

Canada

10441

ALFKI

$1,014.30

8/5/2023

France

10530

ALFKI

$1,219.00

8/1/2023

Venezuela

10619

ALFKI

$1,423.70

8/20/2023

Finland

10708

ALFKI

$1,628.40

8/15/2023

Portugal

10797

ALFKI

$1,833.10

8/10/2023

Argentina

Sum: $9,128.70

Verified: 4

Customer Name: ANATR - 3 items

Average: $294.40

10039

ANATR

$89.70

8/20/2023

Poland

10128

ANATR

$294.40

8/15/2023

Brazil

10217

ANATR

$499.10

8/10/2023

Mexico

Sum: $883.20

Verified: 1

Total: $829,897.50

DataGrid supports the reactive aggregate feature that updates the aggregates from the footer, group footer, and group caption.

In this demo, Batch editing is enabled and the corresponding aggregate values are refreshed when the Freight value cells are edited in the grid.

By default, the reactive aggregate update is not supported by inline and dialog edit modes.