テーブルの並べ替え順序の取得

Question

テーブルの並べ替え順を保存したいときに、テーブルを更新したときに保存された状態で並べ替える必要があります。

私はのlocalStorageに保存するためにJavaScriptを使用

テーブルのソートにTablesorterのjQueryプラグインを使用していますが、それはテーブル全体

を記憶しているjavascriptのコード：

$("#videoTable").on("sortEnd", function SaveSortOrder() { 
     var table_layout = $('#videoTable')[0].innerHTML; 
     localStorage.setItem("tableLayout",table_layout); 
    }); 

HTMLコード：

<table class="table sortable" id="videoTable"> 
       <thead> 
        <tr valign="middle"> 
         <th data-sort="name" class="tooltipPoint col-lg-4" style="text-align:left;">Name <i class="fa fa-sort" aria-hidden="true"></i></th> 
         <th data-sort="name" class="tooltipPoint text-center" nowrap>Status <i class="fa fa-sort" aria-hidden="true"></i></th> 
         <th class="unclickable text-center">Action</th> 
        </tr> 
       </thead> 

       <tbody> 
         The body will be generated dynamically. 
       </tbody> 
</table> 

私はソートしているので、結果に基づいてクラスを変更できるように、ヘッダーだけ、または列（テーブルの列のインデックス）のみを取得する方法はありますか？

申し訳ありません。前もって感謝します。

Answer 1

1. 並べ替えの列。どの列をどのように並べ替えるか（テーブルソーターから現在の並べ替えを取得する方法は分かりません）
2. ページの負荷がローカルストレージに保存されているかどうかを確認します。
3. もしそうなら、それをsortListと共に適用してください。

新しいデータが追加される可能性があります。なぜあなたの解決策は正しくないのですか？

Answer 2

私は私が正しくあなたの質問を理解してかどうかわからないけど、あなたは、テーブルのヘッダレベルでそれを管理することができソートされた列、本の線に沿って何かにクラスを追加する場合：

jQuery("#videoTable th.tooltipPoint").on("click",function(){ 
    jQuery("#videoTable th.tooltipPoint").removeClass("sorted"); 
    jQuery(this).addClass("sorted"); 
});