groupableBoolean|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.
In this article