2016-11-19 68 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; 
}