Group Data

 
Country
Contact Name Company Name City Region
Country: Argentina
Patricio SimpsonCactus Comidas para llevarBuenos Aires 
Yvonne MoncadaOcéano Atlántico Ltda.Buenos Aires 
Sergio GutiérrezRancho grandeBuenos Aires 
Country: Austria
Roland MendelErnst HandelGraz 
Georg PippsPiccolo und mehrSalzburg 
Country: Belgium
Catherine DeweyMaison DeweyBruxelles 
Pascale CartrainSuprêmes délicesCharleroi 
Country: Brazil
Pedro AfonsoComércio MineiroSao PauloSP
Aria CruzFamilia ArquibaldoSao PauloSP
André FonsecaGourmet LanchonetesCampinasSP
Mario PontesHanari CarnesRio de JaneiroRJ
Bernardo BatistaQue DelíciaRio de JaneiroRJ
Lúcia CarvalhoQueen CozinhaSao PauloSP
Janete LimeiraRicardo AdocicadosRio de JaneiroRJ
Anabela DominguesTradição HipermercadosSao PauloSP
Paula ParenteWellington ImportadoraResendeSP
Data grid with 112 rows and 4 columns
0 rows are selected

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.

The Grid component groups date/time columns by the date part of their value. In other columns, rows are grouped by column values. Specify the DxGridDataColumn.GroupInterval property to group column values by display text, implement interval or custom grouping.

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: