jquery tablesorterプラグインでzebraストライピングを保存

Question

this pageの表はtablesorter pluginでソートされています。キャンディストライピングはソート後に再適用されないため、ソートが実行された後、影付きの行と陰影のない行が間違った順序で表示されます。この例を表示するには、「名前」列をクリックします。

ソート後にストライピングをやり直す方法はありますか？

Answer 1

ゼブラウィジェットを使用する必要があります。 tablesorterを初期化するために、次のコードを使用します。

$("table.tablesorter").tablesorter({ 
    widgets: ['zebra'] 
}); 

Zebraはデフォルトで含ま唯一のウィジェットです。参照のためSee here。

Answer 2

私はまた、あなたがこのようにこの問題を解決できることを発見しました：ここが見つかりました

$('your_table').tablesorter({ 
    widgets: ['zebra'], 
    widgetZebra: { css: ['normal-row', 'alt-row' ] } 
}); 

：ちょうどシマウマのウィジェットを初期化することは、実際にテーブル・ストライピングを適用していないだろう、私の場合はhttp://wowmotty.blogspot.com/2011/06/jquery-tablesorter-missing-docs.html

、 CSSクラス.evenと.oddが定義されていました（私は、これは、Zebraウィジェットが割り当てるデフォルトクラスだと思います）。