resizable Boolean (default: false)

If set to true, the user can resize columns by dragging their header borders. By default, resizing is disabled.

Example - enabling column resizing

<div id="treeList"></div>
<script>
    $("#treeList").kendoTreeList({
        columns: [
            { field: "id" },
            { field: "name" },
            { field: "age" }
        ],
        resizable: true,
        dataSource: {
            data: [
                { id: 1, parentId: null, name: "Jane Doe", age: 22 },
                { id: 2, parentId: 1, name: "John Doe", age: 24 }
            ]
        }
    });
</script>
In this article