thead jQuery

The jQuery object which represents the grid table header element.

Example - hightligh the cells within the header row of the grid

<div id="grid"></div>
<br />
<button id="btn" class='k-button'>Highlight header row's cells</button>

<script>
  $("#grid").kendoGrid({
    columns: [
      { field: "name" },
      { field: "age"}
    ],
    dataSource: {
      data: [
        { name: "Jane Doe", age: 30 },
        { name: "John Doe", age: 33 }
      ]
    }
  });

  $("#btn").click(function(e){
    var gridHead = $("#grid").getKendoGrid().thead;
    var cells = gridHead.find("th");
    cells.css("background-color", "#90EE90");
  });
</script>
In this article
Not finding the help you need? Improve this article