Estoy usando jQuery tablesorter enchufar. Soy relativamente nuevo en jQuery y necesito ayuda de jQuery ninjas.

Mi tabla tiene filas de colores alternativos. Usé CSS nth-child () para alternar las filas.

table.tablesorter tbody tr:nth-child(odd) td {
    background-color:#FBFBFB;
}

Funciona bien en Chrome y Firefox, pero a IE no le gusta. IE no es compatible con nth-child.

Intenté controlar la alternancia de colores con JavaScript cuando se carga la página.

$(document).ready(function() {
  $('#packageTbl').tablesorter();
  $('table.tablesorter tbody tr:nth-child(odd) td').css('background-color', '#FBFBFB');
  $('table.tablesorter tbody tr:nth-child(even) td').css('background-color', '#DDD');
});

Y funciona bien cuando la página se carga originalmente, pero cuando hago clic en una columna para ordenar, mis filas con colores alternativos ya no se alternan. Podría tener dos filas blancas y luego tres grises.

¿Puede sugerirme alguna solución que pueda ayudarme?