<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" },
    { field: "unitPrice" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages", unitPrice: 2.5 },
    { productName: "Coffee", category: "Beverages", unitPrice: 3.0 }
  ],
  editable: "inline",
  contextMenu: {
    head: [
      { 
        name: "actions",
        text: "Actions",
        items: [
          { name: "edititem", text: "Edit", command: "edit" },
          { name: "deleteitem", text: "Delete", command: "destroy" }
        ]
      }
    ]
  }
});
</script>