Skip to main content

DxDataGridDateEditColumn Class

A data column with a date edit editor.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.2.dll


public class DxDataGridDateEditColumn :



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.

The DxDataGridDateEditColumn column displays values that can be modified in a date edit editor. The following image shows the Date date edit column:

Data Grid - A Date Edit column

Run Demo: Data Grid - Column Types

Watch Video: Data Grid - Column Customization

Bind a Column to Data

  1. Add the <DxDataGridDateEditColumn/> tag to a Data Grid component’s markup.
  2. Use the Field property to assign a data source field to the column.
<DxDataGrid Data="@forecasts" ...>
    <DxDataGridDateEditColumn Field="@nameof(WeatherForecast.Date)"></DxDataGridDateEditColumn>

Column Appearance and Visibility

Use the following properties to customize column appearance and visibility:

Property Description
Caption Specifies the column’s caption.
DisplayFormat Specifies the pattern used to format the column’s display values.
DisplayTemplate Specifies a template for column cells.
ShowInColumnChooser Specifies if the column is displayed in the Column Chooser.
TextAlignment Specifies the text alignment in the column.
Visible Specifies if the column is visible in the grid.
VisibleIndex Specifies the column’s visible index.
Width Specifies the column’s width.

Settings For Edit Mode

When users click the New or Edit button in a command column, the grid displays the Edit Form. The form contains a date edit editor that allows users to modify the date edit column’s value. To customize this editor, use the following properties:

Property Description
ClearButtonDisplayMode Specifies if the Clear button is displayed in the non-empty editor.
EditFormVisibleIndex Specifies the editor’s visible index.
EditorDisplayFormat Specifies the pattern used to format the display value of the editor when it is not focused.
EditorFormat Specifies the pattern used to format the edit value of the column’s editor when it is focused.
EditorVisible Specifies if the editor is visible.
EditTemplate Specifies a template used to display the editor.

Group and Sort Data

Use the following properties to specify group and sort settings for an individual column:

Property Description
AllowGroup Specifies if users can group grid data by this column.
AllowSort Specifies if users can sort data by the column’s values.
GroupIndex Specifies the column’s index among group columns. If the property is set to -1, the grid data is not grouped by this column.
SortIndex Specifies the column’s index among sorted columns. If the property is set to -1, the grid data is not sorted by this column.
SortOrder Specifies the column’s sort order.


See Also