5

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

但是有两个,我得到一个错误:

未捕获的类型错误:无法设置未定义的属性“计数”

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

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

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

$(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]] 
    });    
});
4

3 回答 3

7

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

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

$("#table2").tablesorter();
于 2012-05-16T08:43:19.093 回答
0

是的,您可以在一页中添加多个表格。您可以将每个表添加到 wrap 中,如下所示,并且可以单独添加分页和排序功能。

 $(document).ready(function() {
   $('.pearl-container').each(function(i) {
     $(this).children(".myTable")
       .tablesorter({
         widthFixed: true,
         widgets: ['zebra']
       })
       .tablesorterPager({
         container: $(this).children(".pager"),
         size: 5
       });
   });

 });

请参考这里。

http://www.pearlbells.co.uk/table-pagination/

于 2015-12-02T12:53:12.877 回答
0

选课怎么样?

$(".tablesorter").tablesorter(); 

如果需要对多个表进行排序..

于 2017-03-13T12:11:41.267 回答