JSFiddle - React, Tailwind, and code Playground

HTML

<button id='hide'>Hide</button>
<table id='table'>
<tbody>
    <tr><td>one</td><td>Two</td></tr>
    <tr><td>one</td><td>three</td></tr>
    <tr style="display: none"><td>one</td><td>four</td></tr>
    <tr><td>one</td><td>five</td></tr>
    <tr><td>one</td><td>six</td></tr>
    <tr><td>one</td><td>seven</td></tr>
    <tr><td>one</td><td>eight</td></tr>
    <tr><td>one</td><td>nine</td></tr>
    </tbody>
</table>

CSS

#table tr {
    background:#aa0000;
    color:#fff;
}

#table tr.even {
    background:#00AA00;
    color:#fff;
}

JavaScript

$('#hide').click(function(){
    var rows = [3, 4, 5];
    for (row in rows) {
        $('#table tr:eq(' + row + ')').hide()
    }
    format() 
});

function format() {
    $('#table tr.even').removeClass('even');
    $('#table tr:even').addClass('even');
}
format()