JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
    <!-- Header columns -->
    ...
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" /></td>
            <td>Content</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td>Content</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td>Content</td>
        </tr>
        <!-- Remaining rows, same structure -->
        ...
    </tbody>
</table>

CSS

tbody > tr:nth-of-type(even) { background: red; }    

tbody > tr { 
    transition: all 300ms ease; 
    backface-visibility: hidden; /* Removes background color */
}