React Tree Grid

Multifunctional React tree grid widget

DHTMLX tree table is an extension of Grid component that is aimed to display and allow working with the nested tabular data. The widget deploys all of the robust grid functionality, provides enhanced drag-and-drop, the ability to set frozen columns and rows and display totals like sums, minimal, maximal or average values in specific units of a footer or a header.

Robust performance with massive data

Set up filtering and sorting features that enable working more efficiently with large data sets. A variety of API methods empower users to load data on the fly, scroll the React tree table content to particular coordinates and grid cells. You can create tree tables with an unlimited number of rows (by dynamically expanding and collapsing table rows) and export data into an Excel file.

Sufficient React tree grid customization

You can specify table sizes, highlight a selected cell and the row it belongs to via the configuration properties. Design a tree table according to your specifications by creating custom CSS classes with advanced settings and assign them to any element you want to adapt, including headers, footers, entire rows, particular table cells or the whole tree grid.

Additional support for Angular and Vue.js

dhtmlxTreeGrid allows you to build flexible React tree tables. Besides, this Suite UI widget (just like the rest components) goes with support for the commonly used Angular and Vue.js frameworks. Specially developed wrappers are available with a free 30-day evaluation and can be integrated into your projects to decide if the DHTMLX UI library meets your needs.