The ExTree/JS component allows you to display and edit hierarchical-data. Features include: Multiple-Columns, Multiple-Views, Drag and Drop, Group-By, Filter-Prompt, Conditional-Format, Total Fields, and much more. The ExTree/JS is a HTML standalone-component, written in JavaScript, that uses no third-party libraries.

Tree
Filter
Conditional
Group By
Total
Properties
Events
Your browser does not support the HTML5 canvas tag.
Click to select, click and drag to scroll. Long-Click to edit. Right-Click to drag. Middle-Click to zoom. ESC cancels the drag and drop operation.
Your browser does not support the HTML5 canvas tag.
Click the filter-bar (Start Filter …) and type Consumer Seattle to display only items that include Consumer and Seattle
Your browser does not support the HTML5 canvas tag.
Click the cell to change its value
Your browser does not support the HTML5 canvas tag.
Drag and drop the column's header to group by/ungroup that column
Your browser does not support the HTML5 canvas tag.
Click the cell to change its value
Your browser does not support the HTML5 canvas tag.
✔ Check/uncheck options to include/exclude the property. Change the option's value according to the below description. Click to select, click and drag to scroll. Long-Click to edit. Right-Click to drag. Middle-Click to zoom. Delete to remove selection. CTRL + A to select all(leaf). Insert to add a child item
Your browser does not support the HTML5 canvas tag.
here goes the events
Click or roll the mouse-wheel to get the control's events. Click to select, click and drag to scroll. Double-Click to edit. Right-Click to drag. Middle-Click to zoom. Delete to remove selection. Insert to add a child item