Multiple grouping on specifying data source

[Bill]

var myDataSource = [{ firstname: 'me', lastname: 'you', Age: 5 }];

  

$('#grid')..kendoGrid({

 data: { 

             dataSource: myDataSource , 

              pageSize: 500 , 

              group: { field: ' firstname ' , dir: "asc" },

groupable: false,

columns:  [  {  field: 'firstname' , title: ''}  /* and so on */

});

I want to have groping on two columns for example on  firstname and then sub grouping on lastname when creating the grid. I know it is possible when the grouping is enabled and user can drag and drop multiple columns for nested groping, but I want to restrict the user from selecting himself and do the grouping on showing.
Maybe something like  group: [{ field: ' firstname ' , dir: "asc" },{ field: ' lastname ' , dir: "asc" }]



[Bastian]

Bill,

It seems to be possible, see the example here http://jsfiddle.net/basmaat/SugMK/

Would be nice not to have the fieldname show up in the Hierarchy.

Cheers
Bas