<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName", title: "Product" },
    { field: "unitPrice", title: "Price" },
    { field: "category", title: "Category" }
  ],
  dataSource: [
    { productName: "Tea", unitPrice: 2.5, category: "Beverages" },
    { productName: "Coffee", unitPrice: 3.0, category: "Beverages" }
  ],
  columnMenu: {
    columns: {
      groups: [
        {
          title: "Product Information",
          columns: ["productName", "category"]
        },
        {
          title: "Pricing",
          columns: ["unitPrice"]
        }
      ]
    }
  }
});
</script>