Telerik Extensions for ASP.NET MVC

Version Q2 2012, released 06/07/2012

Grouping

Group by ...

(sorted ascending)Contact Nameungroup
 Order ID
Filter
Contact Name
Filter
Ship Address
Filter
Order Date
Filter

Contact Name: Alejandra Camino

 10281Alejandra CaminoGran Vía, 108/14/1996
 10282Alejandra CaminoGran Vía, 108/15/1996
 10306Alejandra CaminoGran Vía, 109/16/1996
 10917Alejandra CaminoGran Vía, 103/02/1998
 11013Alejandra CaminoGran Vía, 104/09/1998

Contact Name: Alexander Feuer

 10699Alexander FeuerHeerstr. 2210/09/1997
 10779Alexander FeuerHeerstr. 2212/16/1997
 10575Alexander FeuerHeerstr. 2206/20/1997
 10277Alexander FeuerHeerstr. 2208/09/1996
 10945Alexander FeuerHeerstr. 2203/12/1998
Refresh
firstprev
12345678910...
nextlast
Displaying items 1 - 10 of 830

About this example ASPXRazor

This example demonstrates the grouping capabilities of Telerik Grid for ASP.NET MVC.

To enable grouping use the Groupable method. You can also define groups from code: 

<%= Html.Telerik().Grid(Model)
        .Name("Grid")
        .Columns(columns => 
        {
           columns.Bound(c => c.CustomerID).Width(80);
           columns.Bound(c => c.ContactName);
           columns.Bound(c => c.Country).Width(90);
        })
        .Groupable(grouping => grouping.Groups(groups => 
        {
            groups.Add(c => c.Country);
            groups.Add(c => c.ContactName);
        })
%>

Interested in HTML5 and mobile-powered ASP.NET MVC apps?

Experience the next generation UI and framework for ASP.NET MVC development by downloading trial evaluation copy of Kendo UI Complete for ASP.NET MVC. Jumpstart your development with the available learning resources.

The differences between Telerik MVC Extensions and Kendo UI Complete for ASP.NET MVC, and their licensing models are explained here and here.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Other Demos: