JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<table id="mygrid">
    <tr><td>text</td><td>text</td><td>text</td></tr>
    <tr><td>text</td><td>text</td><td>text</td></tr>
    <tr><td>text</td><td>text</td><td>text</td></tr>
    <tr><td>text</td><td>text</td><td>text</td></tr>
</table>

CSS

.hilite { background-color:Green; }

JavaScript

$('#mygrid').on('mouseenter','tr', function(){
    $('#mygrid tr.hilite').removeClass('hilite');
    $(this).addClass('hilite');
});