Grouping
By default, the grouping functionality of the Telerik UI Grid for ASP.NET Core is disabled.
For a runnable example, refer to the demo on using aggregates in the Grid.
To control grouping in the Grid, use the Groupable() method.
The Grouping is part of Telerik UI for ASP.NET Core, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.CustomerViewModel>()
.Name("grid")
.Groupable()
...
)
<kendo-grid name="grid" >
<groupable enabled="true"/>
...
</kendo-grid>
Only columns that are bound to a field can be groupable. To enable grouping on a column bound to an object, bind the column to a field of that object.
You can also render groups by setting group expressions in the DataSource of the Grid even without enabling Groupable.
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.CustomerViewModel>()
.Name("Grid")
.DataSource(dataSource => dataSource
.Ajax()
.Group(groups => groups.Add(p => p.UnitsInStock))
<kendo-grid name="grid">
<datasource page="0" type="DataSourceTagHelperType.Ajax" page-size="10" server-operation="true">
<groups>
<group field="UnitsInStock"></group>
</groups>
</datasource>
</kendo-grid>