Grid - Disable row hover color change

[Mike]

How can I stop the background color of a row changing when you hover over it?

[Hetali]

Hi Mike,

To prevent the background color of the Kendo UI Grid row changing on hover, set the background color to the color displayed when it's not hovered over. For example:

.k-grid .k-table-row:hover,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover {
  background-color: rgba(0, 0, 0, 0); 
}
        
.k-grid .k-table-row.k-table-alt-row:hover,
.k-grid .k-table-tbody > .k-table-row.k-table-alt-row:not(.k-detail-row):hover {
  background-color: rgba(0, 0, 0, 0.04);
}

In this StackBlitz example, the background color of the Grid row remains the same on hover. Please make sure to set the encapsulation to ViewEncapsulation.None to apply the style locally.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik