title: Fastest way to do alternating background color on visible HTML table rows
body: <p>I have a HTML table where I am dynamically adding and hiding rows and I want the current set of visible rows to always show with alternative backcolor for easy reading.</p>
  
  <p>I have the following code that works fine functionally, but is really slow (especially on Internet Explorer browsers)</p>
  
  <pre><code>$('table.alternateRow tr:visible').removeClass('odd').filter(':odd').addClass('odd');
  </code></pre>
  
  <p>here is my css:</p>
  
  <pre><code>.alternateRow tr {
      background-color: #FFFFFF;
  }
  
  .alternateRow tr.odd {
      background-color: #DEDEDE;
  }
  </code></pre>
  
  <p>Is there any faster solution for this code above that applies to visible rows but doesn't freeze in Internet Explorer.  My table has about 150 - 200 rows visible</p>
  
  <p>Also, (for certain reasons) I want to avoid paging if possible (as a last resort) as it makes the report much harder to read</p>