DxDataGridDateEditColumn Class
A data column with a date edit editor.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v21.2.dll
Declaration
public class DxDataGridDateEditColumn :
DxDataGridColumn
Remarks
Important
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:
Bind a Column to Data
- Add the
<DxDataGridDateEditColumn/>
tag to a Data Grid component’s markup. - Use the Field property to assign a data source field to the column.
<DxDataGrid Data="@forecasts" ...>
<DxDataGridDateEditColumn Field="@nameof(WeatherForecast.Date)"></DxDataGridDateEditColumn>
...
</DxDataGrid>
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. |