Skip to main content

DxGridDataColumn.FieldName Property

Specifies a data field that supplies column values.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public string FieldName { get; set; }

Property Value

Type Default Description
String null

The field name.


Use the Data property to bind the Grid to a data collection. To display data within the Grid, declare DxGridDataColumn objects in the Columns template and use the FieldName property to assign data fields. These data fields should be implemented as properties.

To bind a column to a complex field (a field that belongs to a data collection’s nested object), use the following syntax: NestedObject.FieldName.

For unbound columns, the FieldName property specifies a unique name that should not match field names in the Grid’s data source.

The Grid creates user-friendly column captions based on field names. The component adds spaces between words when a field is named according to the CamelCase naming convention. You can use the Caption property to specify a custom caption.

@inject WeatherForecastService ForecastService

<DxGrid Data="@Data">
        <DxGridDataColumn FieldName="Date" DisplayFormat="D" />
        <DxGridDataColumn FieldName="TemperatureC" Caption="@("Temp. (\x2103)")" Width="120px" />
        <DxGridDataColumn FieldName="TemperatureF" Caption="@("Temp. (\x2109)")" Width="120px" />
        <DxGridDataColumn FieldName="Forecast" />
        <DxGridDataColumn FieldName="CloudCover" />

@code {
    object Data { get; set; }

    protected override void OnInitialized() {
        Data = ForecastService.GetForecast();

Blazor Grid Data Binding

Run Demo: Grid - Data Binding


See Also