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

LockedHeader

fields

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

lockedHeader

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").css("background-color", "#90EE90");
</script>