datatables列ヘッダーはソートに使用される値を反映します

Question

datatablesには約10個の列が設定されています。そのうちの2つは列ヘッダーをクリックするとカスタマイズされたフィルタリングを行います。

現在アクティブなフィルタを反映するように列ヘッダーを変更したいと考えています。

はそれを行うには、私はfnDrawCallbackを設定し、table.fnSettings（）

私の現在のコードによって返される値を見てする必要があると思い、この質問のための必需品にトリミング：

var table = $('#units').dataTable({ 
    "aaSorting": (popSearch) ? [[8,"asc"]] : [], 
    "aoColumns":[{ "bSortable": false }, 
       { "bSortable": false }, 
     { "asSorting": [ "", "on", "off", "occ", "none" ] }, 
       null, 
       null, 
     { "asSorting": [ "", "revised", "new" ] }, 
       null, 
       null, 
       { "bSortable": false }, 
       { "bSortable": false } 
       ], 
    "oSearch": {"sSearch": searchString}, 
    "sAjaxSource": "/system/units/data.php?1.4.3" 
    }, 
    "fnDrawCallback": function() { 
      /* tweak column headers according to the asSorting value */ 
    } 
}); 

アレイ内のasSortingアレイは、データテーブルに供給されるデータに適用されるさまざまなフィルタのリストを示します。 3列目のヘッダー（ステータス）をクリックすると、送信されたデータと一致するテキストが表示されます（空の文字列が送信された場合は「ステータス」に戻ります）。フィルタリングはうまく動作します。私はヘッダに適用されたフィルタを反映させたいだけです。

データ型fnDrawCallback関数では、どのような値が列ソートのために送られたのか分かりますか？ソートされ、視覚的にそれを参照してください、あなたがしなければならない必要があるすべてはあなたのデータテーブルスクリプトに

"bSortClasses": true, 

を追加することですされている列を有効にするに

Answer 1

。例：

"aaSorting": (popSearch) ? [[8,"asc"]] : [], 
"bSortClasses": true, 
... 

ソーターとして使用されている列が表示されます。 :)