JSFiddle - React, Tailwind, and code Playground

HTML

<table class="alternate">
<tr>
  <td>
    Row Col 1 
  </td>
  <td>
    Row Col 2
  </td>
</tr>
<tr>
  <td>
    Row Col 1 
  </td>
  <td>
    Row Col 2
  </td>
</tr>
<tr>
  <td>
    Row Col 1 
  </td>
  <td>
    Row Col 2
  </td>
</tr>
<tr>
  <td>
    Row Col 1 
  </td>
  <td>
    Row Col 2
  </td>
</tr>
</table>

CSS

.alternate tr:nth-child(2n) {
  background-color: silver;
}

.alternate tr:nth-child(2n):hover, .alternate tr:hover {
  background-color: grey;
}

.alternate tr {
  background-color: white;
}