Data-Binding

From in-memory arrays to JSON, OData or Web API service - the DevExtreme HTML5 Tree List widget can consume data from any information source. The flexibility of our Tree List widget 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 HTML5 JavaScript Tree List widget includes two built-in record selection options. From single to multi-select modes, we’ve engineered it so you can deliver the most intuitive user experience to your end-users.

Record Selection - DevExtreme Tree List View Demo

Filtering and Searching

The DevExtreme Tree List widget 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 HTML5 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