JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class="alt">
    <td>Values</td>
    </tr>
    <tr class="alt">
    <td>Some value</td>
    </tr>
    <tr class="differentClass">
    <td>Different</td>
    </tr>
    <tr class="alt">
    <td>And again</td>
    </tr>
    <tr class="differentClass">
    <td>This has different data and class</td>
    </tr>
    </table>

CSS

table tr.alt:nth-child(even){
    background-color: #ccc;
}