New to Kendo UI for jQuery? Start a free 30-day trial

LockedContent

fields

The jQuery object which represents the grid locked content element. Available only in a grid with locked columns.

lockedContent

jQuery

<div id="grid"></div>
<script>
  var grid = $("#grid").kendoGrid({
    columns: [
      { field: "name", locked: true, width: 640 },
      { field: "age", width: 450 }
    ],
    dataSource: {
      data: [
        { name: "Jane Doe", age: 30 },
        { name: "John Doe", age: 33 }
      ]
    }
  }).data("kendoGrid");

  var lockedHeaderElement = grid.lockedHeader;
  var lockedHeaderField = lockedHeaderElement.find("th").attr('data-field');
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log(lockedHeaderField); // logs "name"
</script>