DxDataGrid<T>.ShowGroupPanel Property

Specifies whether the Group Panel is visible in the grid.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
[DefaultValue(false)]
public bool ShowGroupPanel { get; set; }

Property Value

Type Default Description
Boolean

false

true to display the group panel; otherwise, false.

Remarks

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="@Vacancies" ShowGroupPanel="true" >
    ...
</DxDataGrid>

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.

Online Demo

Data Grid - Grouping

See Also