JSFiddle - React, Tailwind, and code Playground

HTML

<table> 
    <tbody>
         <tr> <td style="background: red;">dsadsa</td>  </tr> 
             <tr><td style="background: blu;">dsadsa</td> </tr>            <tr> <td style="background: red;">dsadsa</td>  </tr> 
             <tr><td style="background: blu;">dsadsa</td> </tr>           <tr> <td style="background: red;">dsadsa</td>  </tr> 
             <tr><td style="background: blu;">dsadsa</td> </tr>           <tr> <td style="background: red;">dsadsa</td>  </tr> 
             <tr><td style="background: blu;">dsadsa</td> </tr>           <tr> <td style="background: red;">dsadsa</td>  </tr> 
             <tr><td style="background: blu;">dsadsa</td> </tr>           <tr> <td style="background: red;">dsadsa</td>  </tr> 
             <tr><td style="background: blu;">dsadsa</td> </tr>           </tbody>
</table>

CSS

th, td {
    border: 1px solid;
}