JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class="red-row">
        <td>first row, first column</td>
        <td>first row, second column</td>
    </tr>
    <tr class="red-row">
        <td>second row, first column</td>
        <td>second row, second column</td>
    </tr>
</table>

CSS

table, th, td {
    border-collapse: collapse;
}
td {
    min-width: 200px;
}
tr:hover {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}