<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { 
      field: "categoryId", 
      title: "Category",
      dataSource: [
        { id: 1, name: "Beverages" },
        { id: 2, name: "Food" }
      ],
      dataTextField: "name",
      dataValueField: "id"
    }
  ],
  dataSource: [
    { name: "Tea", categoryId: 1 },
    { name: "Coffee", categoryId: 1 },
    { name: "Ham", categoryId: 2 }
  ]
});
</script>