JSFiddle - React, Tailwind, and code Playground

HTML

<table id="a">
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
  <tr><td>aaa</td></tr>
</table>

<table id="b">
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
  <tr><td>bbb</td></tr>
</table>

CSS

td:hover { border: 3px solid black;}

#a { border-collapse: collapse; }
#b td { border-collapse: collapse; }