Group Data

 
Country
Contact Name Company Name City Region
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  
Country: Brazil
Pedro Afonso Comércio Mineiro Sao Paulo SP
Aria Cruz Familia Arquibaldo Sao Paulo SP
André Fonseca Gourmet Lanchonetes Campinas SP
Mario Pontes Hanari Carnes Rio de Janeiro RJ
Bernardo Batista Que Delícia Rio de Janeiro RJ
Lúcia Carvalho Queen Cozinha Sao Paulo SP
Janete Limeira Ricardo Adocicados Rio de Janeiro RJ
Anabela Domingues Tradição Hipermercados Sao Paulo SP
Paula Parente Wellington Importadora Resende SP
Data grid with 112 rows and 4 columns

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: