<div id="grid"></div>
<script>
var dataSource = new kendo.data.DataSource({
  type: "odata-v4",
  batch: true,
  transport: {
    read: {
      url: "https://services.odata.org/V4/OData/OData.svc/Products"
    },
    batch: {
      url: "https://services.odata.org/V4/OData/OData.svc/$batch",
      contentType: "multipart/mixed"
    }
  },
  schema: {
    model: {
      id: "ID",
      fields: {
        ID: { type: "number" },
        Name: { type: "string" }
      }
    }
  }
});

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