Edit this page


Removes the specified table row from the treelist. Also removes the corresponding data item from the data source.

Fires the remove event.


row String |Element |jQuery

A string, DOM element or jQuery object which represents the table row. A string is treated as a jQuery selector.

Example - remove the first table row

<button id="btn">Remove second row</button>
<div id="treelist"></div>
  var dataSource = new kendo.data.TreeListDataSource({
    transport: {
      read: {
        url: "https://demos.telerik.com/kendo-ui/service/EmployeeDirectory/All",
        dataType: "jsonp"
      destroy: {
        url: "https://demos.telerik.com/kendo-ui/service/EmployeeDirectory/Destroy",
        dataType: "jsonp"
      parameterMap: function(options, operation) {
        if (operation !== "read" && options.models) {
          return {models: kendo.stringify(options.models)};
    batch: true,
    schema: {
      model: {
        id: "EmployeeId",
        parentId: "ReportsTo",
        fields: {
          EmployeeId: { type: "number", editable: false, nullable: false },
          ReportsTo: { nullable: true, type: "number" },
          HireDate: {type: "date"},
          BirthDate: {type: "date"}
        expanded: true

    dataSource: dataSource,
    toolbar: [ "create" ],
    editable: "popup",
    height: 540,
    columns: [
      { field: "FirstName", expandable: true, title: "First Name", width: 250 },
      { field: "LastName", title: "Last Name" },
      { field: "Position" }
    var treelist = $("#treelist").data("kendoTreeList");
    treelist.removeRow($("#treelist tbody>tr:nth(1)"));
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article