JavaScript TreeGrid Control

Feature-rich JavaScript tree grid

DHTMLX tree grid deploys all of the powerful functionality of the grid and offers a flexible and robust solution for adding a full-featured javascript treegrid into web applications. The component provides advanced drag-and-drop, the ability to work with frozen columns and rows, and show resulting values like sums, minimal, maximal or average values in particular cells of a footer or header.

Fast performance with large data sets

The ability to dynamically expand and collapse table rows makes our JavaScript treegrid control a perfect solution for displaying tree tables with an unlimited number of rows. A range of API methods enables you to scroll the treegrid table to specific coordinates and cells. Filtering and sorting features contribute to a more convenient work with a large amount of data. Besides, it’s possible to export data to Excel.

A highly customizable HTML5 tree table

DHTMLX TreeGrid allows you to create completely customizable JavaScript tree tables. Styling a treegrid according to your needs takes little effort, as you just need to create new CSS classes with custom settings and apply them to the elements you’d like to modify: header and footer cells, entire rows, particular table cells or the whole tree table. Besides, you can apply custom styling to mark cells on the basis of a predefined logic.

Support for Angular, React, and Vue.js

Our JavaScript/HTML5 TreeGrid goes with support for the widely used client-side frameworks - Angular, React, and Vue.js. In order to integrate the component into your projects based on these frameworks, you can download a free 30-day evaluation version of the Suite library together with other UI widgets and benefit from our official technical support.