<div id="grid"></div>
<script>
var dataSource = new kendo.data.DataSource({
  data: [
    { name: "John", team: "A", score: 10 },
    { name: "Jane", team: "A", score: 20 },
    { name: "Bob", team: "B", score: 15 },
    { name: "Alice", team: "B", score: 25 }
  ],
  group: { field: "team" },
  pageSize: 2,
  groupPaging: true
});

$("#grid").kendoGrid({
  dataSource: dataSource,
  pageable: true,
  groupable: true
});
</script>