We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The tree grid control can be used to effectively visualize self-referential hierarchical data. It has support for all the common grid functionality like sorting, filtering, and editing.

Tree grid displays hierarchical data in a tabular format


Performance

Loading large data in tree grid

Instant Loading

Instantly load large numbers of records.

Improved scrolling performance in tree grid

Smooth Scrolling

Perform scrolling and other actions without any lag even when dealing with large numbers of records.


Data Handling and Manipulation

Sorting columns in tree grid

Sorting

Columns can either be sorted based on a single field/column or on multiple fields/columns.

View Demo…

Column filtering support in tree grid

Filtering

Data can be dynamically filtered across single or multiple columns using filter bar or filter menu options.

View Demo

Editing columns in tree grid

Editing

The content can be edited inline.

View Demo

Summary rows in tree grid

Summary Row

Summary information can be displayed for an entire column at the end of each hierarchy level or for the entire tree grid, supporting operations such as sum, average, maximum, minimum, count, true count, false count, minimum date, and maximum date.

View Demo


Row and Column Customizations

Custom column template support in tree grid

Custom Columns

Columns can be customized using column templates.

View Demo

Custom row template support in tree grid

Custom Rows

Rows can be customized using custom templates.

View Demo

Column header template support in tree grid

Custom Column Headers

Column headers can be customized using custom templates.

View Demo


Details View

A detailed view of a row can be displayed either inline or in a pop-up.

View Demo

Details view support in tree grid rows


Text Wrap

Cell content can be wrapped to multiple lines, if its width exceeds the cell boundary. View Demo

Text wrap support for tree grid cells


Print

Content can be printed using toolbar print icon. View Demo

Printing tree grid content


Toolbar

Toolbar contains options for editing or deleting a selected row. It also contains options for adding a new row and expanding or collapsing all parent rows.

Toolbar support for tree grid


Interactive Features

Freezing columns in tree grid

Freeze Columns

Freeze columns either when loading or interactively using the column menu.

View Demo

Context menu support in tree grid

Context Menu

Context menu can be used to edit or delete a selected row or add a new row. Custom menu items can also be displayed in the context menu.

View Demo

Toggling column visibility in tree grid

Column Chooser

Column chooser allows the end user to show or hide columns, freeze or unfreeze columns at runtime.

View Demo

Column resizing support in tree grid

Column Resizing

You can dynamically resize columns.

Row drag and drop support in tree grid

Row Drag and Drop

Rows can be reordered interactively using drag and drop.

View Demo

Column reordering in tree grid

Column Reorder

Columns can be reordered interactively.

View Demo


Selection

Different types of selections are possible.

Cell selection in tree grid

Cell Selection

You can select a single cell or multiple cells in tree grid.

View Demo

Selecting rows in tree grid

Row Selection

Select rows in tree grid.

Check box selection in tree grid

Check Box Selection

Rows can be selected using check boxes.

View Demo


Localization in tree grid

Localization

Content can be localized to any specific culture.

PDF and Excel export in tree grid

Export

Content can be exported to PDF and Excel formats.

View Demo


75+ jQuery UI WIDGETS

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion jQuery Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon