For Kendo grid cell edit, an example:
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: {
data: [
{ id: 1, name: "Jane Doe", age: 30 },
{ id: 2, name: "John Doe", age: 33 }
],
schema: {
model: { id: "id" }
}
},
editable: "incell"
});
var grid = $("#grid").data("kendoGrid");
grid.editCell($("#grid td:eq(0)"));
</script>
Refer:
editCell - API Reference - Kendo UI Grid | Kendo UI for jQuery[
^]
More details:
In-Cell - Grid - Kendo UI for Angular[
^]