Skip to main content
All docs
V24.2

DxTreeList Class

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:

  1. 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.
  2. Add the <DxTreeList></DxTreeList> markup to a .razor file.
  3. Bind the component to data.
  4. 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.

Features

The list below includes features available in the Blazor TreeList component:

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.

Inheritance

Object
ComponentBase
DxComponentBase
DevExpress.Blazor.Internal.ParameterTrackerComponent
DevExpress.Blazor.Internal.DxGridBase
DxTreeList
See Also