javascript - Tablesorter シマウマは、並べ替えるまでストライプしません

Question

私は自分のテーブルを持っていますが、それらは素晴らしいので、並べ替えることができます。最初に並べ替えるまでゼブラストライプを実行しないことを除いて、うまく機能します。私の理解では、テーブルソーターが初期化されるとすぐにストライプ化されるということでしたが、そうではありませんか?

これは、ここからの tablesorter v 2.10 (最新) です: http://mottie.github.io/tablesorter/docs/index.html

Answer 1

display: none問題は、テーブルでテーブルソーターを初期化するときに、テーブルが表示されない ( ) という事実に関連している可能性が最も高いです。

考えられる解決策は、次のようにテーブルが表示された場合にのみ、次の初期化を実行することです。

if($('tab_parent_of_the_table').is(':visible')) {
    $("your_table_table").tablesorter({
       widgets: ['zebra']
    });
}

さらに良い解決策は、可視性チェックをタイムアウトでラップすることです。これは、通常、可視性の変更が適用される前に行われ、誤ったステートメントになるためです。次のようにします。

setTimeout(function(){
    if($('tab_parent_of_the_table').is(':visible')) {
        $("your_table_table").tablesorter({
           widgets: ['zebra']
        });
    }
}, 50);