groupable Boolean|Object (default: false)
If set to true the user could group the grid by dragging the column header cells. By default grouping is disabled.
Can be set to a JavaScript object which represents the grouping configuration.
Example - enable grouping
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "productName" },
{ field: "category" }
],
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
groupable: true
});
</script>
Check Basic usage for a live demo.