JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

CSS

td {
    width: 100px;
}
.strip1:nth-of-type(odd), .strip2:nth-of-type(odd) {
    background-color:  grey;
}