DevExpress Blazor TreeList

DxTreeList is a hierarchical data grid for Blazor. It displays data as a tree with expandable/collapsible rows based on parent-child key relationships. It shares most of DxGrid's feature set — sorting, filtering, CRUD editing, export, selection — and adds tree-specific capabilities such as multi-level expand/collapse, load-on-demand child nodes, and tree filtering modes.

When to Use This Skill

• Display hierarchical data (organizational charts, product categories, file systems, bill of materials)
• Bind flat data with parent-child ID relationships (KeyFieldName + ParentKeyFieldName)
• Sort, filter, or page tree nodes
• Implement CRUD for hierarchical data (create, edit, delete nodes)
• Export tree data to CSV, XLS/XLSX, or PDF
• Load child nodes on demand from a remote API
• Select single or multiple tree nodes with checkboxes
• Reorder tree nodes within the TreeList or move rows between TreeLists and Grids with drag-and-drop
• Change node hierarchy (re-parent nodes) via drag-and-drop

Prerequisites & Installation

NuGet Package