動的に変更されたテーブルでjQuery tableSorterを使用する

Question

ページでjQuery tableSorterプラグインを使用しています。

残念ながら、並べ替えられているテーブルは動的に変更され、要素を追加した後に並べ替えると、要素が消え、tableSorterが作成されたときの状態にテーブルが復元されます。

これらの新しい要素が適切にソートされるように、tableSorterにページを再スキャンさせる方法はありますか？

Answer 1

次のような方法で更新をトリガーできると思います：

$(table).trigger("update")

Answer 2

あなたは正しいようです。

$(table).trigger("update");
$(table).trigger("appendCache");

トリックを行います。

注として、tablesorter APIはある時点で変更されたため、これらのこととイベントバインディングが変更されました。私の最大の問題は、明確な違いはないものの、プラグインのバージョンが間違っていたことによるものです。

Answer 3

$（table）.trigger（＆quot; update＆quot;）; はエラーをスローします

    Uncaught TypeError: Cannot read property 'rows' of undefined 

したがって、 tablesorter（）が呼び出されるjquery関数 .ajaxStop（）があります。 .ready（）

でtablesorterを呼び出さないでください

    jQuery(document).ajaxStop(function(){
      jQuery("#table_name").tablesorter();
    })

仕事をした

Answer 4

動的に生成されたテーブルの並べ替えで問題に直面している私のような初心者向けのソリューションです。 以前に与えられた答えは正しいですが、このコマンドはどこに置きますか？

$('#tableId').tablesorter().trigger('update');

データをテーブルに追加したらすぐに配置する必要があります。 私の場合の例

var tableData = "<thead><tr><th>Name</th><th>Age</th></thead><tbody><tr><td>Izaki</td><td>24</td><tr><tr><td>Serizawa</td><td>25</td></tr>";
$('#tableId').html('tableData');
$('#tableId').tablesorter().trigger('update');