JavaScript TreeGrid Control

Editable JavaScript TreeGrid Component

Product Features

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

Live Demo

Treeview and editable datagrid in one control: 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.
Customizable, flexible ajax-based treetables: 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.
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).

dhtmlxTreeGrid Licensing

	Commercial	Enterprise	Ultimate
License Terms	Commercial Read License Agreement	Enterprise Read License Agreement	Ultimate Read License Agreement
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 Apps & Learning Resources

Technical samples

All TreeGrid features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.

Documentation

Our detailed documentation can learn how to use TreeGrid and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.