New to Kendo UI for jQuery? Start a free 30-day trial

ExpandGroup

methods

Expands the specified group. This shows the group items.

expandGroup

Parameters:rowString|Element|jQuery

A string, DOM element or jQuery object which represents the group table row. A string is treated as a jQuery selector. Expands specified group.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: {
    data: [
      { productName: "Tea", category: "Beverages" },
      { productName: "Coffee", category: "Beverages" },
      { productName: "Ham", category: "Food" },
      { productName: "Bread", category: "Food" }
    ],
    group: { field: "category" }
  },
  groupable: true
});
var grid = $("#grid").data("kendoGrid");
// first collapse the group
grid.collapseGroup(".k-grouping-row:contains(Beverages)");
grid.expandGroup(".k-grouping-row:contains(Beverages)");
</script>