< Meet dhtmlxSuite 6.1 with inline editing, multiselection, multiple drag-n-drop & much more

JavaScript Tree

dhtmlxTree is an easily configurable JavaScript/HTML tree with convenient drag-n-drop, inline editing, and wide customization options.
Part of the state-of-the-art Suite UI library.

All Books
My Library
You can drag & drop books to your library

Product Features

  • Cross-browser compatibility
  • Support for IE11+
  • Rich JavaScript API
  • Flexible customization
  • Data loading from JSON
  • Editable items (inline editing)
  • Inline editing
  • Keyboard navigation
  • Multiselection
  • Advanced drag-and-drop capabilities
  • Checkboxes (two/three states)
  • Custom folders
  • Dynamic data rendering

How to Start Building a JavaScript Tree

Take 5 quick steps to create a simple HTML tree with DHTMLX:
1
Create an HTML file
2
Include the Tree source files in the header
3
Add a container with an id - e.g. “tree_container”
4
Initialize the widget with the dhx.Tree object constructor
5
Specify the necessary configuration properties

Why Choose a Tree Component by DHTMLX?

Create a modern JavaScript/HTML5 tree
dhtmlxTree is a feature-rich JavaScript tree view library that allows you to quickly add a nice-looking tree structure on a web page. The component provides a high-performance navigation system with dynamic data rendering, keyboard shortcuts, and inline editing. Advanced drag-n-drop enables reordering items on the fly with an ability to save elements dragged from an original tree.
Control your tree with JavaScript API
Rich API gives you an advantage of configuring the behavior and appearance of your JavaScript tree the way you need. You can equip tree items with checkboxes and manage them with the help of API enabling, disabling, checking, and unchecking the checkboxes of your choice. Besides, you can transform tree items into custom folders.
Customize the UI of your tree
Flexible customization makes it possible to change every aspect of the look and feel of your tree widget. You can create new CSS classes with the styling that would match your web app. You can replace the default Material-based icon font pack with a custom one to complement the UI of your JavaScript tree.
Integrate with Angular, React, and Vue.js
Our widgets, including dhtmlxTree, come with support for the most widespread frameworks in the developer community - Angular, React, and Vue.js. We provide special wrappers to integrate our components into your projects. It’s possible to try them out during a 30-day evaluation period.

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

dhtmlxTree Licensing

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Developers
Free GNU GPL v2
Commercial
5
Enterprise
20
Ultimate
Projects
Free GNU GPL v2
(open source only)
Commercial
1
Enterprise
5
Ultimate
SaaS
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Support Plan
Free GNU GPL v2
No Official Support
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
GNU GPL
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Free GNU GPL v2
Only Community Forum
Commercial
10
Enterprise
30
Ultimate
Response Time
GNU GPL
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
GNU GPL
Commercial
Enterprise
Ultimate
Functionality
GNU GPL
Standard
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
dhtmlxTree PRO
GNU GPL
Commercial
Enterprise
Ultimate
Module for XML parsing/serialization
GNU GPL
Commercial
Enterprise
Ultimate
demo-screenshot

File manager built with the help of Suite components: Layout, Grid, DataView, Toolbar, etc.

Up to 40% off

If you choose the whole Suite library instead
of buying DHTMLX UI components separately:

Suite Commercial - $799

Suite Enterprise - $1699

Suite Ultimate - $3499

Need help with dhtmlxTree integration into your app? Contact us