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