Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxGridColumn.CaptionAlignment Property

Specifies the alignment of the column’s Caption.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(null)]
[Parameter]
public GridTextAlignment? CaptionAlignment { get; set; }

#Property Value

Type Default Description
Nullable<GridTextAlignment> null

An enumeration value.

Available values:

Name Description
Auto

Aligns the text based on cell content and column data type.

Left

Aligns cell text to the left.

Center

Centers cell text.

Right

Aligns cell text to the right.

#Remarks

The Grid component automatically aligns cell values depending on data types. For example, numeric values are aligned to the right in their cells. Note that the Grid component does not change caption alignment in the same manner. You can use the DxGrid.ColumnCaptionAlignment property to align caption text. You can specify the CaptionAlignment property to override this setting on a column level. Note that these properties do not affect command and selection columns.

The following code snippet aligns the Product Name caption to the right:

Razor
<DxGrid Data="Products">
    <Columns>
        <DxGridDataColumn FieldName="ProductName" 
                          CaptionAlignment="GridTextAlignment.Right" 
                          Width="25%" />
        <DxGridDataColumn FieldName="CategoryId" Caption="Category Name" Width="10%" />
        <DxGridDataColumn FieldName="UnitPrice" DisplayFormat="c" Width="10%" />
        <DxGridDataColumn FieldName="UnitsInStock" />
        <DxGridDataColumn FieldName="QuantityPerUnit" Width="15%" />   
        <DxGridDataColumn FieldName="Discontinued" />
    </Columns>
</DxGrid>

Header Caption Alignment

To align text in data cells, use the TextAlignment property.

#Implements

See Also