Live Chat Icon For mobile
Live Chat Icon
Share on twitter
Share on facebook
Share on linkedin
Essential JS 2 Tree Grid

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.

PlatformsLive Demo LinksOnline Documentation Link
JavaScripthttps://ej2.syncfusion.com/demos/#/material/tree-grid/row-reorder.htmlhttps://ej2.syncfusion.com/documentation/treegrid/row/#drag-and-drop
JavaScript (ES5)https://ej2.syncfusion.com/javascript/demos/#/material/tree-grid/drag-drop.htmlhttps://ej2.syncfusion.com/javascript/documentation/treegrid/row/#drag-and-drop
Reacthttps://ej2.syncfusion.com/react/demos/#/material/treegrid/drag-drophttps://ej2.syncfusion.com/react/documentation/treegrid/row/#drag-and-drop
Angularhttps://ej2.syncfusion.com/angular/demos/#/material/treegrid/drag-drophttps://ej2.syncfusion.com/angular/documentation/treegrid/row/#drag-and-drop
ASP.NET Corehttps://ej2.syncfusion.com/aspnetcore/TreeGrid/DragAndDrop#/materialhttps://ej2.syncfusion.com/aspnetcore/documentation/tree-grid/row/#drag-and-drop
ASP.NET MVChttps://ej2.syncfusion.com/aspnetmvc/TreeGrid/DragAndDrop#/materialhttps://ej2.syncfusion.com/aspnetmvc/documentation/tree-grid/row/#drag-and-drop
Vuehttps://ej2.syncfusion.com/vue/demos/#/material/tree-grid/drag-drop.htmlhttps://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.

PlatformsLive Demo LinksOnline Documentation Link
JavaScripthttps://ej2.syncfusion.com/demos/#/material/tree-grid/frozen-column.htmlhttps://ej2.syncfusion.com/documentation/treegrid/scrolling/#frozen-rows-and-columns
JavaScript (ES5)https://ej2.syncfusion.com/javascript/demos/#/material/tree-grid/frozencolumn.htmlhttps://ej2.syncfusion.com/javascript/documentation/treegrid/scrolling/#frozen-rows-and-columns
Reacthttps://ej2.syncfusion.com/react/demos/#/material/treegrid/frozencolumnhttps://ej2.syncfusion.com/react/documentation/treegrid/scrolling/#frozen-rows-and-columns
Angularhttps://ej2.syncfusion.com/angular/demos/#/material/treegrid/frozen-columnhttps://ej2.syncfusion.com/angular/documentation/treegrid/scrolling/#frozen-rows-and-columns
ASP.NET Corehttps://ej2.syncfusion.com/aspnetcore/TreeGrid/FrozenColumn#/materialhttps://ej2.syncfusion.com/aspnetcore/documentation/tree-grid/scrolling/#frozen-rows-and-columns
ASP.NET MVChttps://ej2.syncfusion.com/aspnetmvc/TreeGrid/FrozenColumn#/materialhttps://ej2.syncfusion.com/aspnetmvc/documentation/tree-grid/scrolling/#frozen-rows-and-columns
Vuehttps://ej2.syncfusion.com/vue/demos/#/material/tree-grid/frozencolumn.htmlhttps://ej2.syncfusion.com/vue/documentation/treegrid/scrolling/#frozen-rows-and-columns
TreeGrid with frozen rows and columns
TreeGrid with frozen rows and columns

Conclusion

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.

Tags:

Share this post:

Share on twitter
Share on facebook
Share on linkedin

Leave a comment

Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top