DxDataGridCommandColumn Class

A command column.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

public class DxDataGridCommandColumn :
    DxDataGridCommandColumnBase

Remarks

A command column allows users to update (create, edit, remove) rows and to clear values in the filter row.

Command Column

To add a command column to your data grid, use the <DxDataGridCommandColumn/> tag.

<DxDataGrid ...>
    <DxDataGridCommandColumn Width="150px"/>
    ...
</DxDataGrid>

You can set the column's width in the Width property. To control the column's position, specify the VisibleIndex property.

To change the visibility of the command column buttons, specity the NewButtonVisible, EditButtonVisible, DeleteButtonVisible, and ClearFilterButtonVisible properties. To control the visibility of the column itself, specify the Visible property.

If you need to use custom templates for the command column, implement them in the CellTemplate, HeaderCellTemplate, and HeaderFilterCellTemplate properties.

Online Demo

Data Grid - Column Types

Example

How to use icons instead of default command buttons

Inheritance

Object
ComponentBase
DxSettingsComponent
DxDataGridColumnBase
DxDataGridColumnBase<DevExpress.Blazor.Internal.Grid.ICommandColumnModel>
DxDataGridCommandColumnBase
DxDataGridCommandColumn
See Also