JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table-striped">
<th>Toto</th>
<tr><td>one</td></tr>
<tr><td>two</td></tr>
</table>

CSS

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color:yellow;
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
  background-color:red;
}

.table-striped tbody > tr:last-child > td {
  border-bottom: 2px solid #333;
}