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

LockedTable

fields

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

lockedTable

jQuery

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "id", locked: true, width: 250 },
    { field: "name", locked: true, width: 250 },
    { field: "age", width: 250 }
  ],
  dataSource: [
    { id: 1, name: "Jane Doe", age: 31 },
    { id: 2, name: "John Doe", age: 33 }
  ]
});

var grid = $("#grid").data("kendoGrid");
var lockedTable = grid.lockedTable;

// Style the locked table
lockedTable.css("border", "2px solid red");
console.log("Locked table element:", lockedTable);
</script>