Tablesorter 过滤器显示但不工作

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

也许here 给出的答案会有所帮助。将以下内容添加到您的 css 文件中：

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

Answer 2

不要两次初始化 tablesorter。第二次初始化时，所有选项都被忽略。

将您的代码更改为：

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