テーブルフィルタが表示されていても動作していません

Question

私はこの状況に陥っています：tablesorterをインストールし、フィルタウィジェットを初期化しました。これは正しく表示されており、列を並べ替えることはできますが、フィルターは何も並べ替えません。

アイデア？ありがとう！

マイヘッダ：

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.js"></script> 
    <script type="text/javascript" src="js/jquery.tablesorter.widgets.js"></script> 
    <script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script> 

私のjavascript：

$(document).ready(function() 
    { 
     $("#tablesorter").tablesorter(); 
    } 
); 

$(function() { 
    $("table").tablesorter({ 
    widgets: [ "filter"] 
    }); 
}); 

Answer 1

は二回tablesorterを初期化しないでください。 2回目に初期化されると、すべてのオプションは無視されます。

これにあなたのコードを変更

：

$(function() { 
    $("table").tablesorter({ 
    widgets: [ "filter"] 
    }); 
}); 

Answer 2

おそらくhere与えられた答えは役立つだろう。あなたのCSSファイルに次を追加してください：

/* rows hidden by filtering (needed for child rows) */ 
.tablesorter .filtered { 
    display: none; 
}