columns.sticky Boolean (default: false)

If set to true the column will be displayed as sticky in the grid. Also see Sticky Columns help section for additional information.

Important: Row template and detail features are not supported in combination with sticky columns. If multi-column headers are used, it is possible to stick a column at the topmost level only.

Example - sticky columns

<div id="grid"></div>
  columns: [
    { field: "id", width: 800 },
    { field: "name", width: 400, sticky: true },
    { field: "age", width: 800 }
  dataSource: [ { id: 1, name: "Jane Doe", age: 30 }, { id: 2, name: "John Doe", age: 33 } ]
In this article