Start Building Professional
Web Apps Today

Latest update: version 4.6 Get Trial Buy PRO

dhtmlxTreeGrid is a cross-browser JavaScript treegrid component designed to represent and edit hierarchical data in a grid view. It is based on dhtmlxGrid PRO and combines treeview and editable datagrid.

A rich JavaScript API brings great flexibility to dhtmlxTreeGrid, allowing you to create completely customizable, Ajax-based treetables with expandable rows. Advanced data entry capabilities make the treegrid more interactive and let users enter and edit table data in an intuitive way.

Live demo

Sky Blue
Double-click or [F2] on a cell to edit. Use [Tab] to navigate through cells, [Up/Down] - to navigate through rows.
Select multiple rows using [Shift/Ctrl].

Fast Performance with Large Data Sets

The ability to dynamically expand and collapse table rows assigned to the corresponding tree items makes this treegrid control a perfect solution for displaying treetables with an unlimited number of rows.

To handle large amounts of data efficiently, dhtmlxTreeGrid also provides such features as Smart XML Parsing (renders grid rows dynamically on node opening), Smart Rendering (renders only rows in the visible area), and paging support.

Ajax Support and Server-Side Integration

Being written entirely in JavaScript, dhtmlxTreeGrid runs on the client side and allows the editing of the data on the fly. By using Ajax, the treegrid content can be updated without the page reload.

To handle client-server communication and bind the grid data to the server database, you can use dhtmlxConnector (available for PHP, ASP.NET, Java, ColdFusion).

Feature Rich JavaScript TreeGrid

As an extension of dhtmlxGrid, the treegrid deploys all of its powerful functionality and offers a flexible and robust solution for adding a full-featured dynamic grid/treegrid into an Ajax-based web application. The component provides advanced drag-and-drop capabilities (both drop-between and drop-inside) and the ability to work in a split mode (frozen columns).

You can use dhtmlxTreeGrid as an individual component or as a part of dhtmlxSuite PRO library. All DHTMLX components have slick and clean look which can match the design of any website or web app.


Visit the feature details page to learn about the most noticeable features of dhtmlxTreeGrid.

  • Cross-browser compatibility: IE, FF, Safari, Opera, Chrome
  • Smart XML Parsing to increase performance
  • Dynamic loading of sub-levels
  • Drag-and-drop rows as child/sibling
  • Split mode support (frozen columns)
  • Vertical mathematical summation
  • Tree-specific script API
  • Tree-specific sorting, rows coloring, Smart Rendering
  • Paging support
  • Full control with JavaScript API
  • Simple JavaScript or XML configuration
  • Integration with HTML form
  • Easy styling with CSS or predefined skins
  • Serialization to XML/CSV
  • Clipboard support
  • Inline editing
  • Context menu
  • Server-side integration with dhtmlxConnector
  • Resizable/movable columns
  • Drag-and-drop rows/columns within grid
  • Drag-and-drop in/from dhtmlxTree PRO
  • Combobox, calendar, and other predefined eXcells
  • The ability to create a custom eXcell
  • Math formulas for cells/auto-calculated values
  • Invisible data blocks for rows/entire grid (userdata)
  • Client-side sorting (string, integer, date, custom)
  • Server-side sorting ready
  • Wide range of event handlers
View Feature Details


dhtmlxTreeGrid is available in PRO Edition only. The dhtmlxTreeGrid package contains full-featured dhtmlxGrid PRO with the additional TreeGrid extension, which provides hierarchical structure and tree-specific functionality.


Commercial License ($299) - Includes dhtmlxTreeGrid PRO Edition (dhtmlxGrid Professional + TreeGrid Extension) and allows you to use it in one project (application) with an unlimited number of copies. With this license, you receive 1 month of technical support (or 5 support requests within 12 months). Buy dhtmlxTreeGrid - Ajax/JavaScript TreeGrid ControlBuy it

Enterprise License ($549) - Includes dhtmlxTreeGrid PRO Edition (dhtmlxGrid PRO + TreeGrid Extension) and allows you to use it in an unlimited number of projects on the condition that all of them are developed by one company. Free support/upgrades are provided for the first 12 months. Buy dhtmlxTreeGrid - Ajax/JavaScript TreeGrid ControlBuy it


Supported browsers:
dhtmlxSuite Complete JavaScript Library UI widgets Online Visual Designer Use to design application interface Online Skin Builder Use to customize library skin


3M Company Limited
Adobe Systems
Audi AG
Bank Of America
BBC News
Best Buy Co.
BMC Software Inc
Cisco Systems
Deutsche Bank AG
Ericsson AB
General Atomics
Huawei Technologies Co.
IDS Corp.
Lockheed Martin
MasterCard UK Inc.
Mitsubishi Electric

Customers say

The quality and functionality are better than what we have seen anywhere else. The ability to control everything via XML has been a key selling point as well.
David Boissy, The MathWorks
I would like to relay our appreciation for the support that you have given for the DHTML components. We would recommend these components to anyone.
I've searched the internet some time for similar solutions and didn't really find something which could compare with your product. It wouldn't really make sense for me to invent all functionality once more. I think that you have developed some great products!!
Peter Moessinger