DxTreeList.PagerPosition Property
Specifies the pager position.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[DefaultValue(TreeListPagerPosition.Bottom)]
[Parameter]
public TreeListPagerPosition PagerPosition { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
Tree |
Bottom | An enumeration value. |
Available values:
Name | Description |
---|---|
Bottom | The Tree |
Top | The Tree |
Top |
The Tree |
#Remarks
The TreeList splits a large amount of data rows across multiple pages and displays the pager at the bottom of the TreeList.
Use the PagerPosition
property to show the pager at the top of the TreeList (TreeListPagerPosition.Top) or at both the top and bottom (TreeListPagerPosition.TopAndBottom).
@inject EmployeeTaskService EmployeeTaskService
<DxTreeList Data="TreeListData"
KeyFieldName="Id"
ParentKeyFieldName="ParentId"
PageSize="4"
PagerPosition="TreeListPagerPosition.TopAndBottom">
<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();
}
}
For more information about paging in the TreeList component, refer to the following topic: Paging in Blazor TreeList.