Tree Table UI widget

Tree Table (or TreeGrid) is a JavaScript widget which is the right choice when you need to combine JavaScript Table and DataTree functions in one widget. This hybrid structure shares certain properties of DataTable, such as filtering and data export to Excel, PNG and PDF. The same as a TreeView, it provides data visualization in a hierarchical manner and restores the saved widget state. HTML5 TreeGrid can be added to your jQuery or Angular project.

Fully Editable Tree TableView Demo

Tree Table supports the full range of manipulations with the grid. You can easily edit its contents by clicking on one of the cells, selecting from a list with the help of a drop-down menu, or selecting/deselecting necessary items through the use of checkboxes.

Current State SavingView Demo

You can easily save the current state of the JavaScript TreeGrid in order to return to it later with the help of two built-in one-click functions.

Selection Modes in Javascript TreeGridView Demo

TreeGrid allows you to specify different types of selections with the help of the following available modes: cell, row, column, multi-cell, multi-row, multi column, and block selection.

Data Export to Excel, PNG and PDFView Demo

This JavaScript Tree Table component allows exporting data to PDF, PNG and Excel file types for further processing. You can also define the appearance of the exported table by configuring various server-side options.

CheckboxesView Demo

Besides the items selection, you can use checkboxes in the TreeGrid component. This feature helps to select multiple items for editing or removing them all at once.

FilteringView Demo

Tree Table supports client-side filtering. You can either use built-in filters or define custom ones. According to the type of data presented in your table, you can use one of the available filters: date filter, number filter, richselect filter, multicombo filter, etc.

ClipboardView Demo

Clipboard support allows you to copy and paste items within the Tree Table component as well as to other components. This feature works in several modes such as Block, Selection, and Repeat Copying.

Browsers Compatibility

JavaScript treegrid actively supports all popular browsers. The widget runs effectively on IE10, Mozilla Firefox, Opera, Chrome, and Safari.

Ready for Touch Devices

JavaScript treegrid allows the implementation of various touch events on your website. The mobile apps created with TreeTable’s participation look and operate ideally on all touch devices.

Support for Popular Data Formats

Tree Table allows loading data in XML, JSON formats and then using them freely with your existing web-services.

Easy Styling with CSS

The appearance of the widget can be easily customized with CSS.

Integration with Frameworks

TreeGrid can be integrated with jQuery, Angular, React, Vue.js, Backbone.

Accessibility

The widget meets the main requirements of the WAI standards and presupposes equal access to web resources for people with diverse abilities.

Windows and Popups
Uploader