disableEditing

Toggle off the Grid's editing capabilities. Requires editable to be enabled.

Example - Disable editing in the Grid

<button id="toggle-edit">Toggle Edit</button>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: "edit" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  editable: "inline"
});

$("#toggle-edit").kendoButton({
  click: (e) => {
    $("#grid").data("kendoGrid").disableEditing();
  }
});
</script>