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

Reorderable

configuration

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

reorderable

Boolean

Default: false

<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>