2番目のヘッダー行に複数のヘッダー行と複数選択ドロップダウンリストを持つtablesorter

Question

テーブルに10個以上の列がある2つのヘッダー行があります。 2番目のヘッダー行には、ほぼすべての列のドロップダウンが選択されています。私はすべての列の行をソートするために、選択フィールドとテーブル・ポーターにブートストラップmultiselectを使用しています。最初は、テーブルには行がなく、テーブル・データはajaxによって動的に生成されます。だから私はajax関数でtablesorterを呼び出しています。 tablesorterが呼び出される前に、ドロップダウンから選択することができますが、初期データを取得した後に呼び出された後、別のオプションを選択したい場合は、これを行うことができません。ドロップダウンは機能しません。 以下の私のテーブルがどのように見えるかの例です：JSで

<table> 
<thead> 
<tr> 
<th>Vehicle</th> 
<th>Design</th> 
. 
. 
</tr> 
<tr> 
<th class="sorter-false"><select multiple="multiple" name="vehicle"><options here></select></th> 
<th class="sorter-false"><select multiple="multiple" name="design"><options here></select></th> 
. 
. 
</tr> 
</thead> 
<tbody> 
<tr><td></td><td></td>....</tr> 
<tr><td></td><td></td>....</tr> 
-- 
</tbody> 
</table> 

、私はソーターを含めてみました：タグで

$("#table").tablesorter({ 
           theme : 'blue', 
           headers: { 
            0: { sorter: "select" } 

           } 
          }) 

が、私は以下のファイルが含まれて下のように選択し

<script src="resources/js/bootstrap-multiselect.js"></script> 
<script src="resources/js/jquery.tablesorter.js"></script> 
<script src="resources/js/parser-input-select.js"></script> 
<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css"> 
<link rel="stylesheet" type="text/css" href="resources/css/tablesorter-styles.css"> /*Changed name */ 

私は選択ドロップダウンと最初のヘッダー行だけに基づいて並べ替えで構成される2番目のヘッダー行で並べ替えを無効にします。選択項目をクリックすると、ドロップダウンが表示されます。私が間違っているところを教えてください。

Answer 1

2番目の行には、「tablesorter-ignoreRow」というクラス名（cssIgnoreRow optionで設定）を追加します。

<tr class="tablesorter-ignoreRow">...</tr> 

各セルにclass="sorter-false"を追加する必要はありません。

Here is a demo in the documentation using this class。