Estou usando jQuery tablesorter plugar. Sou relativamente novo no jQuery e preciso da ajuda dos ninjas do jQuery.

Minha tabela possui linhas com cores alternativas. Eu usei CSS nth-child () para alternar as linhas.

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

Funciona bem no Chrome e Firefox, mas o IE não gosta. O IE não suporta o enésimo filho.

entei controlar a alternância de cores com JavaScript quando a página é carregad

$(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');
});

E funciona bem quando a página é carregada originalmente, mas quando clico em uma coluna para classificar, minhas linhas com cores alternativas não se alternam mais. Talvez eu tenha duas linhas brancas e três cinz

Você pode sugerir qualquer solução que possa me ajuda