group
Gets or sets the grouping configuration.
Parameters
value Object|Array
The grouping configuration. Accepts the same values as the group option.
Returns
Array—The current grouping configuration.
Example - group the data items
<script> var dataSource = new kendo.data.DataSource({ data: [ { name: "Tea", category: "Beverages" }, { name: "Coffee", category: "Beverages" }, { name: "Ham", category: "Food" } ] }); dataSource.group({ field: "category" }); var view = dataSource.view(); /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(view.length); // displays "2" var beverages = view[0]; /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(beverages.value); // displays "Beverages" /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(beverages.items[0].name); // displays "Tea" /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(beverages.items[1].name); // displays "Coffee" var food = view[1]; /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(food.value); // displays "Food" /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(food.items[0].name); // displays "Ham" </script>Example - get the data source grouping configuration
<script> var dataSource = new kendo.data.DataSource({ data: [ { name: "Tea", category: "Beverages" }, { name: "Coffee", category: "Beverages" }, { name: "Ham", category: "Food" } ], group: { field: "category" } }); var groups = dataSource.group(); /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(groups.length); // displays "1" /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(groups[0].field); // displays "category" </script>In this article