表分类器和搜索

塔索斯

我有一张大桌子,我想在上面添加搜索功能。我使用tablesorter进行列的可排序,并且还使用了教程在开头添加另一列来对行进行编号。但是搜索不起作用。这是我的代码:

的HTML

<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="/static/js/jquery.tablesorter.pager.js"></script>
<script src="/static/js/jquery.quicksearch.js" type="text/javascript"></script>
    <table id="myTable" class="table table-bordered tablesorter">
       <thead>

       </thead>
       <tbody>

       </tbody>
       <tfoot>
         <tr style="display:none;">
             <td colspan="5">
                 No rows match the filter...
             </td>
        </tr>       
       </tfoot>
    </table>
    <div id="pager" class="pager">
        <form>
             <img src="/static/blue/first.png" class="first"/>
             <img src="/static/blue/prev.png" class="prev"/>
             <input type="text" class="pagedisplay"/>
             <img src="/static/blue/next.png" class="next"/>
             <img src="/static/blue/last.png" class="last"/>
             <select class="pagesize">
             <option value="10">10 per page</option>
             <option value="20">20 per page</option>
             <option value="50">50 per page</option>
             </select>
       </form>
    </div>

这是我的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>

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

莫蒂

看起来好像附加了quicksearch,#table而不是#myTable您共享的HTML中的表格ID。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表分类器和自动分类器数字?

来自分类Dev

表分类器和日期mm / yyyyy

来自分类Dev

表分类器不起作用

来自分类Dev

OpenCV Haar分类器结果表说明

来自分类Dev

表分类器:对捷克字母进行排序

来自分类Dev

表分类器不起作用

来自分类Dev

迁移学习和线性分类器

来自分类Dev

索引和搜索CSV表

来自分类Dev

分类器是如何分类的?

来自分类Dev

使用rvest和CSS选择器从抓取的搜索结果中提取表

来自分类Dev

带有搜索栏和创建数据库的表视图控制器

来自分类Dev

如何使用表排序器过滤搜索

来自分类Dev

表格分类器和选择/下拉框

来自分类Dev

如何使用SIFT和SVM实现常规图像分类器

来自分类Dev

朴素贝叶斯分类器中的Python偏度和峰度

来自分类Dev

Keras多分类器概率为0和1

来自分类Dev

Maven3和Jenkins:部署多个分类器

来自分类Dev

是否有适用于单词和句子的分类器?

来自分类Dev

使用自定义分类器通过GridSearchCV和OneVsRestClassifier进行多标签分类

来自分类Dev

如何启用Bootstrap表分页和搜索?

来自分类Dev

如何使用ngFilter过滤和搜索表?

来自分类Dev

Codeigniter:筛选和搜索表的正确方法

来自分类Dev

MySQL搜索,结合表和元数据

来自分类Dev

Powershell注册表搜索和编辑

来自分类Dev

自动搜索列表和抓取表

来自分类Dev

引导表选项:过滤和搜索

来自分类Dev

jQuery表搜索和行突出显示

来自分类Dev

结合文本搜索和查找表

来自分类Dev

MySQL查询以搜索主表和“子”表