jquery - 如何在一个页面上拥有多个 jQuery TableSorter 表

标签 jquery tablesorter

当我页面上只有 1 个表格时,该插件工作正常。

但是如果有两个,我会收到错误:

Uncaught TypeError: Cannot set property 'count' of undefined

那是因为 sortList下面设置的选项。我将其设置为在第四列排序,并且 aux_table ,首先显示,只有 3 列。但它有效并且 main_table没有。我如何让它们都工作,或者只是第二个,更重要的main_table

两个表都是类tablesorter并且它们有不同的 id( main_tableaux_table )。

页面上的第一个表格有效,第二个表格无效。这是我的 JS <head>标签:

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("table").tablesorter({ 
        // sort on the 4th column (index 3) column, DESC (1). ASC is (0). 
        sortList: [[3,1]] 
    });    
});

最佳答案

您需要更改代码以在每个单独的表上实例化表排序器,以便您可以为每个表指定单独的设置。

$("#table1").tablesorter({ 
   sortList: [[3,1]] 
}); 

$("#table2").tablesorter();

关于jquery - 如何在一个页面上拥有多个 jQuery TableSorter 表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10614904/

相关文章:

javascript - 对表格进行排序但使一列不移动

javascript - 如何提高jQuery的性能

javascript - Tablesorter JS 无法实现奇数/偶数

jquery - 在 aspx 中从 jquery 调用函数背后的代码

php - 使用记录保存的消息进行表单验证

jquery - PrettyPhoto 无法在准备好的文档上工作

jQuery tablesorter 在我动态加载的表上不起作用?

jquery - 对表中的特定行进行排序 + HTML + jQuery

javascript - 在 Bootstrap 弹出窗口中包含表单?

jquery - 切换带有动画的类