2013-09-05 52 views
8

フィルタリングから特定のカラムを除外したい - 私はsorderを使うことができるのと同じように、ウィジェットを使ってそれを行う方法がわかりませんが、これを行う簡単な方法はありますか?Tablesorter - カラムからフィルタを削除する

jQuery(document).ready(function($) { 

    $("#eventTable").tablesorter({ 
    widthFixed : true, 
    widgets: ["filter"], 

    widgetOptions : { 
     filter_childRows : false, 
     filter_hideFilters : false, 
     filter_ignoreCase : true, 
     filter_cssFilter : 'tablesorter-filter', 

     filter_functions : { 
     1 : function(e, n, f, i) { 
      return e === f; 
     } 
     } 
    } 
    }); 
}); 

答えて

18

ヘッダーオプションを使用するか、 "filter-false"クラスをその列のTHタグに追加できます。

ヘッダーオプションは、tablesorter documentationに記載されています。構成テーブルのプロパティ列の「ヘッダー」をクリックしてください。オプションの構文は次のとおりです。

headers: { 0: { filter: false} }

あなたは書式設定デフォルト無効フィルタ表示したくない場合は、次のCSSを使用します。

.tablesorter thead .disabled {display: none}

10

をあなたは、フィルタを無効にする、および/またはすることができます

<th data-sorter="false" data-filter="false"></th> 
+2

私はこの解決法を好む、それは非常に簡単です。 –

4

特定の列のフィルタを無効にする は、特定の列のソートが<th data-sorter="false"></th>

の両方を無効にするには、それらを組み合わせて使用​​し無効にします。 <th data-sorter="false" data-filter="false"></th>

これにより、フィルタリングに使用されるテキストボックスにクラス「無効」が適用されます。テキストボックスはグレー表示されます。テキストボックスを完全に非表示にしたい場合は、これを追加してください。

<style> 
    .tablesorter thead .disabled { 
     display:none; 
    } 
</style> 
関連する問題