DxDataGridColumn Class

A data column with a text editor.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll


public class DxDataGridColumn :


The DataGrid allows you to display data in a tabular format. The grid gets data from data sources that store data using data fields and records. The grid displays data fields as columns and records as rows. The DxDataGridColumn class provides a base API for classes that represent data columns.

Use the Data and Field properties to bind a column to a data source field. For more information, refer to Bind to Data Sources.

You can also manage column visibility. To hide a column from a data grid, set its Visible property to false.


The columns are added at design time. You cannot change the column collection at runtime.

<DxDataGrid DataAsync="@ForecastService.GetForecastAsync">
    <DxDataGridDateEditColumn Field="@nameof(WeatherForecast.Date)" DisplayFormatString="D" EditFormatString="D">
    <DxDataGridColumn Field="@nameof(WeatherForecast.Summary)" Caption="Summary"></DxDataGridColumn>
    <DxDataGridSpinEditColumn Field="@nameof(WeatherForecast.TemperatureC)" Caption="@("Temp. (\x2103)")" 
        TextAlignment="DataGridTextAlign.Left" ></DxDataGridSpinEditColumn> 
    <DxDataGridComboBoxColumn Field="@nameof(WeatherForecast.WeatherType)" Caption="Cloudiness" 
        DataAsync="@ForecastService.GetCloudinessAsync" TextAlignment="DataGridTextAlign.Left" ></DxDataGridComboBoxColumn>
    <DxDataGridCheckBoxColumn Field="@nameof(WeatherForecast.Precipitates)"></DxDataGridCheckBoxColumn>



Online Demo: Data Grid - Column Types

See Also