reorderable Boolean (default:false)

If set to true, the user can reorder the columns by dragging their header cells. By default, reordering is disabled.

Example - enabling column reordering

<div id="treeList"></div>
<script>
    $("#treeList").kendoTreeList({
        columns: [
            { field: "id" },
            { field: "name" },
            { field: "age" }
        ],
        reorderable: 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