dhtmlxTreeGrid is a cross-browser JavaScript component designed to represent tabular data in hierarchical view. It is based on our Ajax/DHTML grid control, dhtmlxGrid, and combines tree view and editable grid.

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

The possibility to dynamically expand and collapse table rows assigned to the corresponding tree items makes this treegrid control a perfect solution for displaying tables with 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.

Live demo

Themes:

DHX Sky Blue

DHX Blue

Modern

Gray

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

Being written entirely in JavaScript, dhtmlxTreeGrid runs on the client-side and allows manipulating and editing 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, .Net, Java).

dhtmlxTreeGrid, together with other DHTMLX components, can be easily organized under a common application interface with the help of dhtmlxLayout. With a new skin, introduced in version 2.5, the components got slick and clean look which can perfectly match the design of any modern website or application.

Features

• Cross-browser compatibility: IE, FF, Safari, Opera, Chrome
• Smart XML Parsing to increase performance
• Dynamic loading of sub-levels
• Drag-n-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
Common Features for Grid and TreeGrid:
• Full control with JavaScript API
• Simple JavaScript or XML configuration
• Integration with HTML Form
• Easy styling with CSS or predefined skins
• Serialization to XML/SCV
• Loading from XML
• Clipboard support
• In-line editing
• Context menu
• Easy client-to-server comunication (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 formating (using eXcell - eXtended cell object)
• Combobox, calendar, and other predefined eXcells
• Math formulas for cells/autocalculated 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. dhtmlxTreeGrid package contains full-featured dhtmlxGrid PRO and 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 unlimited number of copies. According to this license we provide you with support (consultations) and free-of-charge bug fixing during 1 month. This license costs $299.

Enterprise License includes dhtmlxTreeGrid Professional Edition (dhtmlxGrid Professional + TreeGrid Extension) and allows you to use it in unlimited number of projects on condition that all of them are projects of one company. Free support\upgrade period is 12 months. This license costs $549.