DxTreeList Class

In This Article

Declaration

Remarks

Add a TreeList to a Project

Static Render Mode Specifics

A component that displays hierarchical data in a tabular format and allows users to edit, sort, filter, and otherwise shape data.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

public class DxTreeList :
    DxGridBase,
    ITreeList,
    IGrid

#Remarks

DevExpress Blazor TreeList (DxTreeList) allows you to display, manage, and shape hierarchical data.

TreeList Overview

Run Demo: Overview Read Tutorial: Getting Started View Example: Getting Started

#Add a TreeList to a Project

Follow the steps below to add the TreeList component to an application:

Use a DevExpress Project Template to create a new Blazor Server or Blazor WebAssembly application. If you use a Microsoft project template or already have a Blazor project, configure your project to incorporate DevExpress Blazor components.
Add the <DxTreeList>…</DxTreeList> markup to a .razor file.
Bind the component to data.
Configure the component: create columns, customize appearance, and so on.

#Static Render Mode Specifics

Blazor TreeList supports static render mode to display static data in a single page. Users cannot expand or collapse nodes. To use expand/collapse and other features, enable interactivity on a Razor page, and allow the TreeList component to execute scripts and display data.