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

Ajax support and a rich JavaScript API brings great flexibility to the treegrid, allowing you to create completely customizable, dynamic 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

Themes:

DHX Sky Blue

DHX Blue

Modern

Gray

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 manipulation and the editing of tree/table data on the fly. By using Ajax, the treegrid content can be updated without the whole page refreshing.

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.

Features

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
• Tree-specific rows coloring
• Tree-specific 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
• Loading from XML
• Clipboard support
• Inline editing
• Context menu
• Easy client-to-server communication (with dhtmlxConnector)
• Resizable/movable columns
• Drag-and-drop rows/columns within grid
• Drag-and-drop in/from dhtmlxTree Pro
• Ability to create any editor or cell formatting (using eXcell - eXtended cell object)
• Combobox, calendar, and other predefined eXcells
• 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
• Detailed documentation

Editions

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

Licenses

Commercial License - Includes dhtmlxTreeGrid Professional 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) and one major update. This license costs $299.

Enterprise License - Includes dhtmlxTreeGrid Professional Edition (dhtmlxGrid Professional + 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. This license costs $549.