< Suite 6.3 Rolls Out Grid Keyboard Navigation, Custom HTML Content, and Ajax Helper

JavaScript TreeGrid

An efficient JavaScript TreeGrid control for a convenient work with a large amount of data presented in hierarchical HTML5 tree tables.
Part of the leading-edge Suite UI library.

Product Features

  • Custom HTML content
  • Cross-browser compatibility
  • IE11+ support
  • Flexible customization
  • Rich JavaScript API
  • Data loading in the JSON format
  • Multiline header and footer
  • Vertical and horizontal spans
  • Custom templates for the content of cells
  • Marking cells with min and max values
  • Data editing
  • Ability to be initialized without data
  • Adding custom marks to cells
  • Auto-calculated values in footer/header
  • Frozen columns
  • Auto width for columns
  • Highlighting a selected cell and row
  • Sorting data
  • Filtering data
  • Exporting data to Excel
  • Automatic adding of an empty row to the end of Grid

How to Create a JavaScript Tree Grid

Follow these 5 simple steps to build a JavaScript/HTML5 tree table with DHTMLX:
1
Create an HTML file
2
Include the source files of the TreeGrid component in the header
3
Add a container with an id - e.g. “treegrid_container”
4
Initialize the widget with the dhx.TreeGrid object constructor
5
Set the configuration settings if needed and load data into the tree grid

Why Choose DHTMLX TreeGrid?

Feature-rich JavaScript tree grid

As an extension of dhtmlxGrid, the tree grid deploys all of the powerful functionality of the grid and offers a flexible and robust solution for adding a full-featured treegrid into web applications. The component provides advanced drag-and-drop, the ability to work with frozen columns and show resulting values like sums, minimal, maximal or average values in particular cells of a footer or header.

Fast performance with large data sets

The ability to dynamically expand and collapse table rows makes our treegrid control a perfect solution for displaying tree tables with an unlimited number of rows. A range of API methods enables you to scroll the tree grid content to specific coordinates and table cells. Filtering and sorting features contribute to a more convenient work with a large amount of data. Besides, it’s possible to export data to Excel.

A highly customizable HTML5 tree table

dhtmlxTreeGrid allows you to create completely customizable JavaScript tree tables. Styling a treegrid according to your needs takes little effort, as you just need to create new CSS classes with custom settings and apply them to the elements you’d like to modify: header and footer cells, entire rows, particular table cells or the whole tree table. Besides, you can apply custom styling to mark cells on the basis of a predefined logic.

Support for Angular, React, and Vue.js

Our JavaScript TreeGrid goes with support for the widely used client-side frameworks - Angular, React, and Vue.js. In order to integrate the component into your projects based on these frameworks, you can make use of our specially developed wrappers. They are available for a free 30-day evaluation in the package of the Suite library together with other UI components.

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:

dhtmlxTreeGrid Licensing

Commercial Enterprise Ultimate
License Terms
Commercial
Enterprise
Ultimate
Developers
Commercial
5
Enterprise
20
Ultimate
Projects
Commercial
1
Enterprise
5
Ultimate
SaaS
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Commercial
Enterprise
Ultimate
Support Plan
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Commercial
10
Enterprise
30
Ultimate
Response Time
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
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 dhtmlxTreeGrid integration into your app? Contact us