JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
<tr><td>odd</td></tr>
<tr><td>even</td></tr>
<tr class="hidden"><td>odd</td></tr>
<tr ><td>even</td></tr>
<tr><td>odd</td></tr>
<tr><td>even</td></tr>
<tr class="hidden"><td>odd</td></tr>
<tr><td>even</td></tr>
</table>

CSS

.odd{
  background: #fff;
}

.even{
  background: red;
}

.hidden{
  display: none;
  position: fixed;
  z-index:1
}

JavaScript

var odd = true; 
$('.table tr:visible').each(function() {   
  $(this).removeClass('odd even').addClass(odd ? 'odd':'even'); 
  odd = !odd;
});