clearHighlight
Clears the currently selected table rows or cells.
Example - highlight the first table row
<button id="clearHighlight" class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-base'>Clear Highlight</button>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
],
});
var grid = $("#grid").data("kendoGrid");
const row = grid.tbody.find("tr:eq(0)");
grid.highlight(row);
$("#clearHighlight").click(() => grid.clearHighlight());
</script>
In this article