O'Reilly logo

Instant Kendo UI Grid by James Lamar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using built-in grouping (Simple)

This recipe demonstrates the built-in grouping feature of Kendo Grids.

Getting ready

Open 4-grouping.html and personData.js in your editor. If you don't have the exercise files, create a blank document for each and follow the set of instructions in the following section.

How to do it...

  1. First, create a new JavaScript file in a new folder named js. Then, copy the following code into the JavaScript file and save it:
    var personData = [{ FirstName : "Jim", LastName : "Kirk", Rank : "Captain", DOB: "03/22/2233", PersonId : 1 }, { FirstName : "Jim", LastName : "Raynor", Rank : "Captain", DOB: "06/23/2470", PersonId : 2 }, { FirstName : "Jean-Luc", LastName : "Picard", Rank : "Captain", DOB: "07/13/2305", ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required