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).

Editions and Licenses

Professional Commercial license

$299

up to 5 developers

Use in one project
Standard ticket support
1 month of updates (minor, major, bugfixes)

Free Trial

Buy now

Professional Enterprise license

$549

per company

Use in unlimited projects
Premium ticket support
12 months of updates (minor, major, bugfixes)

Free Trial

Buy now

Get more license details

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.