JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>FOO</td>
        <td>BAR</td>
        <td>BAZ</td>
    </tr>
</table>

CSS

table {
    cell-border: collapse;
    border: 1px solid black;
}

table td {
    padding: 10px;
}

JavaScript

$(function() {
    $('tr').hover(function() {
        $(this).children()
            .css('background-color', 'yellow');
    }, function() {
        $(this).children()
            .css('background-color', '');
    });
});