|
|
|
|
|
|
|
|---|---|---|---|---|---|
| Unit Price: $0.00 - $10.00 (Count: 407) | |||||
| Singaporean Hokkien Fried Mee | Grains/Cereals | France | 7/4/2021 | 10 | |
| Jack's New England Clam Chowder | Seafood | Brazil | 7/8/2021 | 10 | |
| Geitost | Dairy Products | Belgium | 7/9/2021 | 25 | |
| Guaraná Fantástica | Beverages | Switzerland | 7/11/2021 | 15 | |
| Longlife Tofu | Produce | Switzerland | 7/11/2021 | 21 | |
| Sir Rodney's Scones | Confections | Mexico | 7/18/2021 | 10 | |
| Jack's New England Clam Chowder | Seafood | Germany | 7/19/2021 | 16 | |
| Sir Rodney's Scones | Confections | Brazil | 7/19/2021 | 20 | |
| Guaraná Fantástica | Beverages | Austria | 7/23/2021 | 28 | |
| Longlife Tofu | Produce | Austria | 7/23/2021 | 36 | |
| Jack's New England Clam Chowder | Seafood | Sweden | 7/24/2021 | 25 | |
| Geitost | Dairy Products | USA | 7/31/2021 | 60 | |
| Geitost | Dairy Products | USA | 8/1/2021 | 24 | |
| Geitost | Dairy Products | Germany | 8/5/2021 | 20 | |
| Guaraná Fantástica | Beverages | Italy | 8/7/2021 | 12 | |
| Konbu | Seafood | Mexico | 8/8/2021 | 10 | |
| Guaraná Fantástica | Beverages | Sweden | 8/14/2021 | 12 | |
| Rhönbräu Klosterbier | Beverages | Sweden | 8/14/2021 | 30 | |
| Teatime Chocolate Biscuits | Confections | Spain | 8/14/2021 | 1 | |
|
Count: 2,155
|
|||||
Data grid with 2166 rows and 5 columns
0 rows are selected
The DevExpress Blazor Grid component supports custom data grouping. Custom data groups allow you to merge data into custom intervals or combine similar values into a single entry. In this demo, the Unit Price column is grouped by custom range values: $0.00 — $10.00, $10.00 — $20.00, etc.
To implement your own custom grouping logic, you must:
- Define a custom sorting algorithm (because grouping relies on sort operations). To apply a custom algorithm, set the DxGridDataColumn.SortMode property to
Customand handle the CustomSort event. In the event handler, compare column values to define associated order. - Set the DxGridDataColumn.GroupInterval property to
Customand handle the CustomGroup event. In the event handler, compare column values to define whether they belong to the same group. - (Optional) Handle the CustomizeGroupValueDisplayText event to modify group row text.
- (Optional) Implement GroupRowTemplate to display custom group row content.