columns.lockable Boolean (default: true)

If set to false, the column will remain in that side of the TreeList where its own locked configuration placed it.

This option is useful when the TreeList has columns which are configured with a locked value. Setting it explicitly to false will prevent the user from locking or unlocking this column while using the user interface.

Example - setting locked columns

<div id="treeList" style="width: 500px"></div>
    columns: [
      { field: "id", locked: true, width: 100},
      { field: "name", width: 200 },
      { field: "age", width: 250, lockable: false }
    reorderable: true,
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 }
In this article