JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead><tr><th>Header</th></tr></thead>
    <tbody>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
         <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
    </tbody>
</table>

<table>
    <tbody>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
        <tr><td>Body</td></tr>
    </tbody>
</table>

CSS

tbody tr:nth-child(odd) td   { background-color:red; }
tbody tr:nth-child(even) td   { background-color:blue; }
thead tr th { background-color: yellow}
table {
    border: 1px solid black;
    margin: 10px;
    width: 100px;
    }