JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1">
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
</table>

CSS

body {
  background: gray;
}
td {
  padding: 2em;
  background-color: white;
}
tr:nth-child(2n) td {
  padding: 2em;
  background-color: green;
}