Data-Binding

From in-memory arrays to JSON, OData or Web API service — the DevExtreme Tree List component can consume data from any information source. The flexibility of our Tree List component is such that you do not need to feed it hierarchical data structures. Even with a collection of linked plain objects, the Tree List can still build a tree hierarchy.

View Demo
Data-Binding - DevExtreme Tree List Data-Binding - DevExtreme Tree List

Adaptability Inside

The DevExtreme Tree List was engineered with mobile devices in mind. With it, you can deliver high-impact user experiences that adapt to different screen resolutions — from desktops, to tablets and smartphones.

Adaptability Inside - DevExtreme Tree List View Demo

Data Editing and Record Validation

Five intuitive edit modes and a variety of in-cell editors make data editing simple and straightforward. All Tree List editors include built-in client-side validation with a predefined set of validation rules including email, numeric, range, compare, custom, etc.

View Demo
Data Editing and Record Validation - DevExtreme Tree List Data Editing and Record Validation - DevExtreme Tree List

Record Selection

Our JavaScript Tree List component includes two built-in record selection options. From single and multi-select modes to full support for recursive selection, we’ve engineered our Tree List so you can deliver the most intuitive user experience to your end-users without hassles or aggravation.

Record Selection - DevExtreme Tree List View Demo

Filtering and Searching

The DevExtreme Tree List component ships with two filtering UI elements: an Excel-inspired filter row and column header filter. In addition, an Outlook-inspired search panel makes it a breeze to locate records that match a specific value.

View Demo
Filtering and Searching - DevExtreme Tree List Filtering and Searching - DevExtreme Tree List

Scrolling

Big data requires blazing fast record scrolling. To ensure the very best user experience, our Tree List ships with a virtual scroll mode designed to load only those records needed for the viewport so your apps are always fast, always responsive.

Scrolling - DevExtreme Tree List

Column and Layout Customization

Our JavaScript Tree List ships with fixed column support so you can improve data readability. In addition, we ship countless runtime layout options including the ability to resize, reorder, hide and display individual columns.

View Demo
Column and Layout Customization - DevExtreme Tree List Column and Layout Customization - DevExtreme Tree List