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

Take a look at our next generation ASP.NET Core 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 the hierarchical data in a tabular format


Sorting

Columns can be sorted based on any field. It is also possible to perform multicolumn sorting by selecting the desired column headers while holding the CTRL key. Sorting columns in tree grid


Editing

The data source in tree grid can be edited through grid cell editing. The following built-in editor types are available:

  • String
  • Boolean
  • Numeric
  • Drop-down
  • Date Picker String Editing Boolean Editing Numeric Editing Drop-Down Editing Date Picker Editing

Row Customization

Row template is used to customize the tree grid rows based on requirements. Row template in tree grid supports JsRender template and AngularJS template. Custom row template support in tree grid


Column Chooser

Column chooser allows user to show/hide columns at runtime. Toggling column visibility in tree grid


Row Drag and Drop

Tree grid rows can be dynamically reordered via drag and drop. Row drag-and-drop support in tree grid


Column Resizing

It is possible to dynamically resize columns. Column resizing support in tree grid


Column Customization

Columns can be customized by using column templates. Custom column template support in tree grid


Summary Row

Tree grid supports visualizing the summary of an entire column at the end of each hierarchy level or to the entire tree grid. Some of the supported operations include sum, average, maximum, minimum, count, true count, false count, minimum date, and maximum date. Summary rows in tree grid


Detail View

Tree grid supports displaying a detailed view of a row either inline or as a pop-up. Detail Pop-up Detail Inline


Virtualization

The user interface of the tree grid is virtualized to obtain the best possible scrolling performance even when dealing with large amounts of data.


Context Menu

Using context menu, you can edit or delete the selected row. It is also possible to add new rows through the context menu. Context menu support in tree grid


Custom Context Menu

Now you can add custom context menu items in the tree grid context menu. Custom Context Menu


Column Filtering

Using filter bar in tree grid you can filter the data by single or multiple columns dynamically. Column filtering support in tree grid


Toolbar

Toolbar contains options for editing and deleting selected rows. It also contains options for adding new rows, and expanding and collapsing all parent rows. Toolbar in tree grid


Export

By clicking the PDF export icon available in the tree grid toolbar, the contents of the tree grid control can be exported to PDF documents. PDF and Excel export in tree grid


85+ ASP.NET CORE UI CONTROLS

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

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