Edit this page

columns.locked Boolean (default: false)

If set to true the column will be displayed as locked (frozen) in the grid. Also see the information about Locked Columns in the Grid Appearance article.

Important: Row template and detail features are not supported in combination with column locking. If multi-column headers are used, it is possible to lock (freeze) a column at the topmost level only.

Example - locked columns

<div id="grid"></div>
  columns: [
    { locked: true, field: "id", width:200 },
    { field: "name", width:800 }
  dataSource: [ { id: 1, name: "Jane Doe" }, { id: 2, name: "John Doe" } ]
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article