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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Take a look at our next generation HTML5 JavaScript TreeGrid component.

Learn More

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 (JAVASCRIPT) UI CONTROLS

Integrates with Top Frameworks

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

Read independent,
authenticated reviews
on G2 Crowd

Download Now Pricing

What do our customers say about us?

Double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

Double quotes

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia

Vistatec

Transform your applications today by downloading our free evaluation version Download Free Trial

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.

Syncfusion Awards
Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon