Editor: dhtmlxTreeGrid is a cross-browser JavaScript UI component designed to represent tabular data in hierarchical view. It is based on our Ajax/DHTML 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 intuitive way.
The possibility to dynamically expand/Collapse table rows assigned to the corresponding tree items makes this treegrid control a perfect solution for displaying tables with unlimited number of rows. One more feature which enables dhtmlxTreeGrid to handle large amounts of data without performance loss is Smart XML Parsing: grid rows are rendered dynamically on node opening.
As an extension of dhtmlxGrid the treegrid deploys all its functionality including client-side data editing and sorting, columns resizing and different cell types. Besides that, the control provides advanced drag-n-drop capabilities (both drop-Between and drop-inside are supported) and the ability to work in a split mode (frozen columns).
Being written entirely in JavaScript dhtmlxTreeGrid runs on client-side and allows manipulating and editing tree/table data on the fly. As communication between server and client is driven via Ajax mechanism, tree grid content is loaded asynchronously through XMLHTTP and can be updated without the whole page refreshing.
dhtmlxTreeGrid can be populated with data via JavaScript or from server data source (via XML). It provides robust and comprehensive solution that can greatly enrich any web application with dynamic content.
