columns.lockedBoolean(default: false)

If set to true the column will be displayed as locked (frozen) in the grid. Also see Locked Columns help section for additional information.

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>
<script>
    $("#grid").kendoGrid({
      columns: [
        { locked: true, field: "id", width:200 },
        { field: "name", width: 250 },
        { field: "age", width: 200},
        { field: "city", width: 300}
      ],
      dataSource: [ { id: 1, name: "Jane Doe", age: 32, city: "NYC" }, { id: 2, name: "John Doe", age: 28, city: "London" } ],
      width: 600,
      height: 130
    });
</script>
In this article
columns.locked
Not finding the help you need?
Contact Support