鎖定列劍道樹列表

Question

我正在嘗試從此處鎖定kendo ui treelist列表中的列： http : kendo 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>

這不會更改樹列表上的任何內容。

Answer 1

它工作正常，只需減小瀏覽器的寬度，您將看到唯一的列名是可滾動的，id和age被凍結。

屏幕：

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

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