JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td></td><td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td>
    </tr>
</table>

CSS

td { border: 1px solid black; width: 130px; height: 20px;}
.selected { background-color: green;}
.highlight {background-color: yellow;}

JavaScript

$('table tr:not(:first)').mouseover(function() {
    $(this).addClass("highlight");
});

$('table tr:not(:first)').mouseout(function() {
    $(this).removeClass("highlight");

});

$('table tr:not(:first)').click(function() {
    $('table tr:not(:first)').removeClass("selected");
    $(this).addClass("selected");

});