JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>First</td><td>Hello</td>
    </tr>
</table>

CSS

table {
    width: 100%;
}
table tr:not(:hover) td:first-child {
    background-color: #eee;
}

table tr:hover {
    background-color: yellow;
}
body{
  margin: 10px;
}