JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr class="strip1">
            <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="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <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="strip2">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="strip1">
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

CSS

td {
    width: 100px;
}
.strip1 {
    background-color: grey;
}
.strip2 {
    background-color: transparent;
}