JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable">
    <tr><td>Item 1</td><td>R$ 300</td></tr>
    <tr><td>Item 2</td><td>R$ 500</td></tr>
</table>

CSS

table {
    border-collapse: collapse;
}

tr:hover {
    border: 1px solid red;
}

td {
    border: 1px solid gray;
}