jquery - テーブルソーターで行の色を交互に維持する

Question

私は現在、ここにあるjqueryプラグインtablesorterを使用しています：http ：//tablesorter.com/docs/#Download

私の問題は、奇妙な行の色を作成し、テーブルヘッダーをクリックして並べ替えると、ソーターが行を再配置したために、交互の色が突然再び混同されることです。行の色を交互に保つ方法はありますか？

私の問題が何であるかを確認するには、このjsfiddleを開き、行ヘッダーの1つをクリックします。 http://jsfiddle.net/bJCKz/1/

Answer 1

使用する

.tablesorter tbody tr:nth-child(odd) {
   background-color: turquoise;   
}

クラスの代わりに。このようにして、ルールは奇数行に動的に適用されます。

http://jsfiddle.net/bJCKz/5/でデモを更新

Answer 2

クラスを行に直接追加しないでください。ここに記載されているCSS の偶数/奇数ルールを使用します。

使用例:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}