0

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

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

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

4

2 に答える 2

5

使用する

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

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

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

于 2012-10-02T20:49:18.297 に答える
5

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

使用例:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
于 2012-10-02T20:46:08.950 に答える