General Information

.NET Subscription

Overview

Common Tools

Project Converter

Assembly Deployment Tool

Localization Service

Quality Assurance and Productivity

CodeRush

CodeRush Classic

TestCafe Studio

Logify

Desktop

Controls

WinForms

WPF

VCL

UWP (Windows 10)

Tools

WinForms Skin Editor

WPF Theme Designer

WPF Theme Editor (Legacy)

Coded UI Test Extension

Frameworks and Libraries

eXpressApp Framework (XAF)

eXpress Persistent Objects (XPO)

XPO Profiler

Core Libraries

Web

Mobile

UI Controls for Xamarin.Forms

Charts for iOS / Xamarin.iOS

Charts for Android / Xamarin.Android

Grid for Xamarin.Forms (Legacy)

Enterprise and Analytic Tools

Reporting

Report and Dashboard Server

Dashboard

Office File API

End-User Documentation

Interface Elements for Desktop

Interface Elements for Web

Dashboard for Desktop

Dashboard for Web

DxDataGridColumn Class

A data column with a text editor.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

public class DxDataGridColumn :
    DxDataGridColumnBase<IDataColumnModel>,
    IDataColumnItemContentRenderer

Remarks

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.

NOTE

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

Razor
WeatherForecast

<DxDataGrid DataAsync="@ForecastService.GetForecastAsync">
    <DxDataGridCommandColumn></DxDataGridCommandColumn>
    <DxDataGridDateEditColumn Field="@nameof(WeatherForecast.Date)" DisplayFormatString="D" EditFormatString="D">
    </DxDataGridDateEditColumn>
    <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>
</DxDataGrid>

public class WeatherForecast
{
    public DateTime Date { get; set; }
    public int TemperatureC { get; set; }        
    public bool Precipitates { get; set; }
    public string Summary { get; set; }
    public string WeatherType { get; set; }
}

Blazor-DataGrid-Column-Types