锁定列kendo treelist

Question

我正在尝试从这里锁定kendo ui treelist中的一个列:http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist

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

    var treelist = $("#treeList").data("kendoTreeList");
    treelist.lockColumn("age");
</script>

这不会改变treelist上的任何内容。

Answer 1

它工作得很好，只要缩小浏览器的宽度，你就会看到只有列名是可滚动的，id和age是冻结的。

屏幕：

​

文档：http://docs.telerik.com/kendo-ui/web/grid/walkthrough#frozen-columns-locked-columns

演示：http://dojo.telerik.com/UZAhE