Javascript 表排序和搜索

我有一个大表，我想在上面添加一个搜索功能。我使用tablesorter对列进行排序，还使用教程在开头添加另一列对行进行编号。但搜索不起作用。这是我的密码：

HTML

没有与筛选器匹配的行。。。
每页10张
每页20英镑
每页50英镑

下面是我的javascript：

<script>
$(document).ready(function() 
    {
    $.tablesorter.addWidget({
    id: "numbering",
    format: function(table) {
        var c = table.config;
        $("tr:visible", table.tBodies[0]).each(function(i) {
            $(this).find('td').eq(0).text(i + 1);
        });
    }
});


    $("table").tablesorter({widgets: ['numbering'],sortInitialOrder: 'desc', sortList: [[2,1]],headers: {0: {sorter: false}}})
    .tablesorterPager({container: $("#pager")});

    $("#myTable tbody tr").quicksearch({
            labelText: 'Search: ',
            attached: '#myTable',
            position: 'before',
            delay: 100,
            loaderText: 'Loading...',
            onAfter: function() {
                if ($("#myTable tbody tr:visible").length != 0) {
                    $("#myTable").trigger("update");
                    $("#myTable").trigger("appendCache");
                    $("#myTable tfoot tr").hide();
                }
                else {
                    $("#myTable tfoot tr").show();
                }
            }
        });

    }

</script>

$（文档）.ready（函数（）
{
$.tablesorter.addWidget({
id:“编号”，
格式：函数（表）{
var c=table.config；
$（“tr:visible”，table.tBodies[0]）。每个（函数（i）{
$（this.find（'td'）.eq（0）.text（i+1）；
});
}
});
$（“表”）.tablesorter（{widgets:['numbering']，sortInitialOrder:'desc'，sortList:[[2,1]]，头：{0:{sorter:false}}）
.tablesorterPager（{container:$（“#pager”）}）；
$（“myTable tbody tr”）.quicksearch({
labelText:“搜索：”，
附件：“#我的表格”，
位置：'之前'，
延误：100，
loaderText:“正在加载…”，
onAfter:function（）{
if（$（“#myTable tbody tr:visible”）.length！=0）{
$（“#myTable”）.trigger（“更新”）；
$（“#myTable”）.trigger（“appendCache”）；
$（“#myTable tfoot tr”）.hide（）；
}
否则{
$（“#myTable tfoot tr”）.show（）；
}
}
});
}

我没有看到任何错误。只是搜索功能不存在。

您可能想尝试一下。它是一个jQuery插件，可以完成您试图构建的内容，而且实现起来非常简单

实现它的代码（默认为分页、搜索、列排序等）如下所示

  $('#example').dataTable();

---

看起来quicksearch被附加到

#table

，而不是

#myTable

，后者是您共享的HTML中的表ID。

我是否可以使用addwidget功能为行添加一个编号列？这里有许多工作示例，您可以查看。从基本设置到运行到交互e表格。看看一些例子，看看只是想插件提供这是演示你的意思是：该死…总是这样：P我搜索一个严重的错误，我忘记了拼写错误。非常感谢。搜索现在在那里，但它没有加载任何东西。：（我可以大胆地建议你试试我的…这是一个

  $('#example').dataTable();