DxGrid.ColumnCaptionAlignment Property

Specifies the alignment of all column captions.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public GridTextAlignment? ColumnCaptionAlignment { 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 ColumnCaptionAlignment property to align caption text. You can specify the DxGridColumn.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 centers all captions:

<DxGrid Data="Products"
        ColumnCaptionAlignment="GridTextAlignment.Center">
    <Columns>
        <DxGridDataColumn FieldName="ProductName" 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>

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

Implements

ColumnCaptionAlignment