New to Kendo UI for jQuery? Start a free 30-day trial

AddRow

methods

Adds an empty data item to the grid. In "incell" and "inline" editing mode a table row will be appended. Popup window will be displayed in "popup" editing mode.

Fires the edit event.

addRow

<button id="add">Add a new row</button>
<div id="grid"></div>
<script>
  $("#add").kendoButton({
    themeColor: "success",
    click: function() {
      var grid = $("#grid").data("kendoGrid");
      grid.addRow();
    }
  });

  $("#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: true,
    toolbar: ["save"]
  });
</script>