2016-11-19 96 views
0

我被困在這種情況:我安裝了tablesorter,並初始化了過濾器小部件。它正確顯示,並且可以對列進行排序,但篩選器不會對任何內容進行排序。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"] 
    }); 
}); 

回答

0

請勿初始化的tablesorter兩次。第二次初始化時,所有選項都被忽略。

你的代碼改成這樣:

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

感謝您的幫助!這是一個好的第一步。雖然過濾器確實出現了,但是它們還沒有生效......當我鍵入內容時,即使點擊「Enter」,也不會發生任何事情...... –

+0

嘗試包括['debug'選項](https:// mottie。 github.io/tablesorter/docs/#debug)並查看您的瀏覽器控制檯。 – Mottie

0

或許給出here答案將有助於。添加以下到您的css文件:

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