JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <th>col A</th>
    <th>col B</th>
  </tr>
  <tr>
    <td>AAA</td>
    <td>BBB</td>
  </tr>
  <tr>
    <td>ccc</td>
    <td>DDD</td>
  </tr>
  <tr>
    <td>AAA</td>
    <td>BBB</td>
  </tr>
  <tr>
    <td>ccc</td>
    <td>DDD</td>
  </tr>
  <tr>
    <td rowspan="2">BIG</td>
    <td>eee</td>
  </tr>
  <tr>
      <td>fff</td>
  </tr>
  <tr>
    <td style="display: none;"></td>
    <td style="display: none;"></td>
  </tr>
  <tr>
    <td>ccc</td>
    <td>DDD</td>
  </tr>
  <tr>
    <td>ccc</td>
    <td>DDD</td>
  </tr>
</table>

CSS

table {
  width: 50%;
  margin: 20px;
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

tr:nth-of-type(even) {
  background-color: pink;
}