columns.lockable Boolean (default: true)

If set to false the column will remain in the side of the grid into which its own locked configuration placed it.

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

Example - lockable columns

<div id="grid"></div>
  columns: [
    { locked: true, field: "id", lockable: false, width:250 },
    { locked: true, field: "age", width:250 },
    { field: "name", width:250 },
    { field: "city", lockable: false, width:250 }
  dataSource: [
      { id: 1, name: "Jane Doe", age: 31, city: "Boston" },
      { id: 2, name: "John Doe", age: 55, city: "New York" }
In this article