New to Telerik UI for ASP.NET MVC? Start a free 30-day trial
Grouping Overview
Updated on Dec 11, 2025
The OrgChart enables you to group root nodes, or nodes that have the same parent. To group the nodes, set the GroupField configuration of the OrgChart. Pass the name of the data field that datermines the groups.
The following example demonstrates how to group the OrgChart nodes by the Group field.
Razor
@(Html.Kendo().OrgChart<TelerikMvcApp1.Models.OrgChartEmployeeViewModel>()
.Name("orgchart")
.GroupField("Group")
.DataSource(dataSource => dataSource
.Read(read => read.Action("Read", "Home"))
.Model(m =>
{
m.Id(f => f.ID);
m.ParentId(f => f.ParentID);
m.Name(f => f.Name);
m.Title(f => f.Title);
m.Avatar(f => f.Avatar);
m.Expanded(f => f.Expanded);
})
)
)