JavaScript/jQuery TreeList - Overview

DevExtreme TreeList is a UI component for displaying hierarchical data in a grid. It can handle a collection of linked plain objects and build a tree hierarchy. Key features include data editing and validation, sorting, filtering, searching, and adaptability.

In this overview, you can find a map of TreeList elements, information about key features, and what to explore next.

Click an element in the map below to navigate to the topic related to that element.

• Data Binding
  TreeList can load and update data from different data source types. You can define data as plain or hierarchical. If you choose plain data, you can load it on demand.

• Various Edit Modes
  Edit TreeList data in multiple modes, including form and popup modes.

• Filtering and Sorting
  Set up a filter row and a header filter to filter data by column values, or use other ways to filter. You can sort TreeList by single or multiple columns initially or at runtime.

• Rich Customization
  TreeList offers extensive appearance and behavior customization.

• Nodes Drag and Drop
  You can drag and drop nodes to reorder them or change their hierarchy.

• Getting Started with TreeList

• API

• Demos