Engineer Blog開発者ブログ

2017.5.19

JQueryプラグインのTablesorterが上手く動作しない場合

 

HTMLのテーブルでソートを行いたい場合、JQueryプラグインの「tablesorter」を利用するかと思います。

 

使用例:

$(function() {
    $("#uriage_list").tablesorter({
    });
});

 

しかし、テーブルのデータを書き換えたりした場合にソート処理が上手く動作しない事があります。

 

以下の2行を追加してtablesorterが内部で使用している「リセット」「更新」処理を意図的に反映させる事により、

テーブルを再構築した場合でもソートが無効にならずにすみます。

※但し公式なやり方ではないので、利用する際は注意願います。

$(function() {
    $("#uriage_list").tablesorter({
    });
    $('#uriage_list').trigger('sortReset');
    $('#uriage_list').trigger('updateAll');
});

 

Contact
お問い合わせ

電話番号0120 - 889 - 236
受付時間:平日 9:00-18:00