JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
    <tr>
        <td>CELL</td>
        <td>CELL</td>
        <td>CELL</td>
    </tr>
    <tr>
        <td>CELL</td>
        <td>CELL</td>
        <td>CELL</td>
    </tr>
</table>

CSS

#table
{
  border-collapse: collapse;
}

#table td
{
    width:100px;
    text-align:right;
}
#table tr:first-child {
    color:white;
    background-color:blue;
}
#table tr:last-child {
    color:white;
    background-color:green;
}
#table tr:last-child {
    display:none;
}
#table:hover tr:last-child {
    display:table-row;
}