JavaScript TreeGrid

Feature-rich JavaScript tree grid

As an extension of dhtmlxGrid, the tree grid deploys all of the powerful functionality of the grid and offers a flexible and robust solution for adding a full-featured treegrid into web applications. The component provides advanced drag-and-drop, the ability to work with frozen columns 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 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 tree grid content to specific coordinates and table 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

dhtmlxTreeGrid 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 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 make use of our specially developed wrappers. They are available for a free 30-day evaluation in the package of the Suite library together with other UI components.