DxTreeList.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 TreeListTextAlignment? ColumnCaptionAlignment { get; set; }
Property Value
Type | Default | Description |
---|---|---|
Nullable<TreeListTextAlignment> | null | An enumeration value. |
Available values:
Name | Description |
---|---|
Auto | Aligns 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 TreeList component automatically aligns cell values depending on data types. For example, numeric values are aligned to the right in their cells. Note that the TreeList component does not change caption alignment in the same manner. You can use the ColumnCaptionAlignment
property to align caption text. You can specify the DxTreeListColumn.CaptionAlignment property to override this setting on a column level. Note that these properties do not affect the selection column.
The following code snippet centers all captions:
@inject EmployeeTaskService EmployeeTaskService
<DxTreeList Data="TreeListData"
KeyFieldName="Id"
ParentKeyFieldName="ParentId"
ColumnCaptionAlignment="TreeListTextAlignment.Center">
<Columns>
<DxTreeListDataColumn FieldName="Name" Caption="Task" />
<DxTreeListDataColumn FieldName="EmployeeName" />
<DxTreeListDataColumn FieldName="StartDate" />
<DxTreeListDataColumn FieldName="DueDate" />
</Columns>
</DxTreeList>
@code {
List<EmployeeTask> TreeListData { get; set; }
protected override void OnInitialized() {
TreeListData = EmployeeTaskService.GenerateData();
}
}
To align text in data cells, use the TextAlignment property.