Skip to main content
All docs
V25.1
  • TreeListDataColumnCellDisplayTemplateContext.VisibleIndex Property

    Returns the visible index of the current row.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public int VisibleIndex { get; }

    Property Value

    Type Description
    Int32

    The row’s visible index.

    Remarks

    Row Visible Indexes

    Visible indexes indicate the order of visible data rows. Indexes are zero-based and sequential for rows on all TreeList pages.

    Visible Indexes - All Pages

    The TreeList reassigns row indexes each time a user sorts or filters data and expands/collapses rows.

    The following rows do not have visible indexes:

    • Rows that are filtered out.
    • Child rows of collapsed items

    Visible Indexes - Filter is Applied

    Visible Indexes - Collapsed Items

    The following code snippet creates a TreeList column that displays visible indexes for rows:

    @inject EmployeeTaskService EmployeeTaskService
    
    <DxTreeList Data="TreeListData" KeyFieldName="Id" ParentKeyFieldName="ParentId">
        <Columns>
            <DxTreeListDataColumn Caption="Visible Index">
                <CellDisplayTemplate>@context.VisibleIndex</CellDisplayTemplate>
            </DxTreeListDataColumn>
            <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();
        }
    }
    

    Refer to the DxTreeList.DataColumnCellDisplayTemplate and DxTreeListDataColumn.CellDisplayTemplate property descriptions for more information and examples.

    See Also