JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
    <tr><td></td></tr>
</tbody>
</table>

CSS

td{
    padding:10px;
    border:1px solid #000;
}
tr.odd td{
    background:red;
}
tr.even td{
    background:blue;
}

JavaScript

$("table tbody tr:visible:nth-child(2n+1)").addClass("even");

$("table tbody tr:visible:nth-child(1n+1)").addClass("odd");