JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <td>Der Herr der Ringe</td>
  <td>J.R.R. Tolkien</td>
  <td>Peter Jackson</td>
</tr>
<tr>
  <td>His Majesty's Dragon</td>
  <td>Naomi Novik</td>
  <td><strike>Peter Jackson</strike>, leider</td>
</tr>
</table>

CSS

table {
  border-collapse: collapse; 
  border: 3px solid black;
  width: 80%;
  margin: 0 auto;
}

tr:hover {
  background: linear-gradient(to right, #aaa, #faa);
}

td {
  border-top: 2px dotted black;
}