JSFiddle - React, Tailwind, and code Playground
HTML
<table border="1" cellpadding="10" id="one">
<thead>
</thead>
<tbody>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table border="1" cellpadding="10" id="two">
<thead>
</thead>
<tbody>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr style="background-color: #55f;">
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr style="background-color:#fff">
<td> </td>
<td> </td>
</tr>
<tr style="background-color:#55f">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
CSS
#one tbody > tr:nth-of-type(odd) {
background-color: #f0f;
}
#two tbody > tr:nth-of-type(odd) {
background-color: #55f;
}