|
|
|
|
||
---|---|---|---|---|---|
Country: Argentina | |||||
Patricio Simpson | Cactus Comidas para llevar | Buenos Aires | |||
Yvonne Moncada | Océano Atlántico Ltda. | Buenos Aires | |||
Sergio Gutiérrez | Rancho grande | Buenos Aires | |||
Country: Austria | |||||
Roland Mendel | Ernst Handel | Graz | |||
Georg Pipps | Piccolo und mehr | Salzburg | |||
Country: Belgium | |||||
Catherine Dewey | Maison Dewey | Bruxelles | |||
Pascale Cartrain | Suprêmes délices | Charleroi | |||
of 12
Our Blazor Grid allows users to group data. To enable data grouping and display the Group panel, set the ShowGroupPanel property to true
. Users can drag and drop a column header onto the Group Panel to group data against the column. They can also drag headers within this panel to change group order. To ungroup data, users can simply drag the appropriate column header from the Group Panel back to the Column Header Panel.
To disable grouping, set the DxGrid.AllowGroup or DxGridDataColumn.AllowGroup property to false
(applied to the entire Grid or to an individual column).
Use the following API members to manage data grouping in code:
- DxGrid.GroupBy — Groups Grid data against the specified column.
- DxGridDataColumn.GroupIndex — Specifies a column's index among grouped columns. If the property is set to
-1
, grid data is not grouped by this column. - DxGrid.CollapseGroupRow, DxGrid.CollapseAllGroupRows — Collapse an individual group row or all group rows.
- DxGrid.ExpandGroupRow, DxGrid.ExpandAllGroupRows — Expand an individual group row or all group rows.
- DxGrid.AutoExpandAllGroupRows — Expands all group rows automatically when the Grid loads data or users interact with the Grid.
- DxGrid.ShowGroupedColumns — Specifies whether to display grouped columns among other columns in the Grid.