What’s New in 2019 Volume 3: Essential JS 2 TreeGrid

I’m so glad to announce that our latest release, 2019 Volume 3, was rolled out last week, packed with anticipated new features for our JavaScript TreeGrid.

In this blog, I will summarize these TreeGrid features. These features are also available for the Angular, React, Vue, ASP.NET MVC, and ASP.NET Core platforms.

Row drag and drop

Interactively reorder tree grid row positions in the UI by simply dragging the tree grid rows within the TreeGrid component using the drag icon. You can also drag rows to another TreeGrid component or any other custom component.

We have live demos on how to interact with grid component and re-order the rows in grid content by dragging and dropping. Refer to the following table for live sample links and online documentation links regarding this feature in each platform.

Platforms Live Demo Links Online Documentation Link
JavaScript https://ej2.syncfusion.com/demos/#/material/tree-grid/row-reorder.html https://ej2.syncfusion.com/documentation/treegrid/row/#drag-and-drop
JavaScript (ES5) https://ej2.syncfusion.com/javascript/demos/#/material/tree-grid/drag-drop.html https://ej2.syncfusion.com/javascript/documentation/treegrid/row/#drag-and-drop
React https://ej2.syncfusion.com/react/demos/#/material/treegrid/drag-drop https://ej2.syncfusion.com/react/documentation/treegrid/row/#drag-and-drop
Angular https://ej2.syncfusion.com/angular/demos/#/material/treegrid/drag-drop https://ej2.syncfusion.com/angular/documentation/treegrid/row/#drag-and-drop
ASP.NET Core https://ej2.syncfusion.com/aspnetcore/TreeGrid/DragAndDrop#/material https://ej2.syncfusion.com/aspnetcore/documentation/tree-grid/row/#drag-and-drop
ASP.NET MVC https://ej2.syncfusion.com/aspnetmvc/TreeGrid/DragAndDrop#/material https://ej2.syncfusion.com/aspnetmvc/documentation/tree-grid/row/#drag-and-drop
Vue https://ej2.syncfusion.com/vue/demos/#/material/tree-grid/drag-drop.html https://ej2.syncfusion.com/vue/documentation/treegrid/row/#drag-and-drop
Dragging rows in a tree grid
Dragging rows in a tree grid

Frozen rows and columns

We have implemented a frozen rows and columns feature for TreeGrid. Users can now freeze specific rows or columns in place so they are always visible on the top or left side of the tree grid while scrolling either horizontally or vertically.

We have live demos showing how you can interact with the grid component and see the frozen columns while scrolling. Refer to the following table for live sample links and online documentation links regarding this feature in each platform.

Platforms Live Demo Links Online Documentation Link
JavaScript https://ej2.syncfusion.com/demos/#/material/tree-grid/frozen-column.html https://ej2.syncfusion.com/documentation/treegrid/scrolling/#frozen-rows-and-columns
JavaScript (ES5) https://ej2.syncfusion.com/javascript/demos/#/material/tree-grid/frozencolumn.html https://ej2.syncfusion.com/javascript/documentation/treegrid/scrolling/#frozen-rows-and-columns
React https://ej2.syncfusion.com/react/demos/#/material/treegrid/frozencolumn https://ej2.syncfusion.com/react/documentation/treegrid/scrolling/#frozen-rows-and-columns
Angular https://ej2.syncfusion.com/angular/demos/#/material/treegrid/frozen-column https://ej2.syncfusion.com/angular/documentation/treegrid/scrolling/#frozen-rows-and-columns
ASP.NET Core https://ej2.syncfusion.com/aspnetcore/TreeGrid/FrozenColumn#/material https://ej2.syncfusion.com/aspnetcore/documentation/tree-grid/scrolling/#frozen-rows-and-columns
ASP.NET MVC https://ej2.syncfusion.com/aspnetmvc/TreeGrid/FrozenColumn#/material https://ej2.syncfusion.com/aspnetmvc/documentation/tree-grid/scrolling/#frozen-rows-and-columns
Vue https://ej2.syncfusion.com/vue/demos/#/material/tree-grid/frozencolumn.html https://ej2.syncfusion.com/vue/documentation/treegrid/scrolling/#frozen-rows-and-columns
TreeGrid with frozen rows and columns
TreeGrid with frozen rows and columns


I hope you have acquired clear details about where to find the demos and documentation for trying these new features available in the TreeGrid control for the 2019 Volume 3 release. For existing customers, the new version is available for download from the License and Downloads page. If you are not yet a customer, you can try our 30-day free trial to check out these new features.

Also, if you wish to send us feedback or would like to submit any questions, please feel free to post them in the comments section below, or contact us through our support forumDirect-Trac or feedback portal.


Share this post:

Related Posts

Leave a comment