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

LockedHeader

fields

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

lockedHeader

jQuery

<div id="treelist"></div>
<script>
  var treelist = $("#treelist").kendoTreeList({
    columns: [
      { field: "Name", locked: true },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ]
  }).data("kendoTreeList");
  
  // Access the locked header element
  var lockedHeader = treelist.lockedHeader;
  console.log(lockedHeader);
</script>