JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head></head>
    <body>
        <table>
            <tr><td>First</td></tr>
            <tr><td>Second</td></tr>
            <tr><td>Third</td></tr>
            <tr><td>Fourth</td></tr>
            <tr><td>Fifth</td></tr>
        </table>
        <br/>
        <table>
            <tr style="display:none;"><td>Not displayed</td></tr>
            <tr><td>First</td></tr>
            <tr><td>Second</td></tr>
            <tr style="display:none;"><td>Not displayed</td></tr>
            <tr><td>Third</td></tr>
            <tr style="display:none;"><td>Not displayed</td></tr>
            <tr><td>Fourth</td></tr>
            <tr><td>Fifth</td></tr>
        </table>
    </body>
</html>

CSS

tr.oddrow { background-color: #fff; }
tr.evenrow { background-color: #f1f0f0; }

JavaScript

$(document).ready(function() {
  var tablerows = $('tr');
    tablerows.filter(':even').addClass('evenrow').removeClass('oddrow');
    tablerows.filter(':odd').addClass('oddrow').removeClass('evenrow');
});