Skip to main content

DxDataGrid<T>.ShowGroupPanel Property

Specifies whether the Group Panel is visible in the grid.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll


public bool ShowGroupPanel { get; set; }

Property Value

Type Default Description


true to display the group panel; otherwise, false.



The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.

You can use a column’s GroupIndex property to group the Data Grid in code. The Data Grid does not display the Group Panel, and thus, does not allow users to change group conditions.

Set the ShowGroupPanel property to true to show the Group Panel in the Data Grid.

<DxDataGrid Data="@Data" ShowGroupPanel="true" >

Users can drag and drop a column header onto this panel to group data by this column. They can also drag headers within this panel to change the group order. To ungroup data by a column, users should drag the column header from the Group Panel back to the Column Header Panel.

DataGrid Group UI

To disable grouping by individual columns, set a column’s AllowGroup property to false. Use the Data Grid’s AllowColumnDragDrop property to prohibit drag-and-drop operations.

Run Demo: Data Grid - Group Data

See Also