columns.selectable Boolean (default: false)

If set to true the treelist will render a select column with checkboxes in each cell, thus enabling multi-row selection. The header checkbox allows users to select/deselect all the rows on the current page.

Example

<div id="treelist"></div>
<script>
    $("#treelist").kendoTreeList({
      columns: [
        { selectable: true, width: 65 },
        { field: "id", width: 250},
        { field: "name", width: 250 },
        { field: "age", width: 250}
      ],
      dataSource: [
          { id: 1, parentId: null, name: "Jane Doe", age: 31, city: "Boston" },
          { id: 2, parentId: 1, name: "John Doe", age: 55, city: "New York" }
      ]
    });
</script>
In this article
Not finding the help you need? Improve this article