Question

当我在页面上只有一个表时，插件工作正常。

但有两个，我收到一个错误：

未捕获的TypeError：无法设置未定义的属性'count'

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

这两个表都是类tablesorter，它们有不同的ID（main_table和aux_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]] 
    });    
});

Answer 1

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

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

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

Answer 2

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

＆＃13;

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

＆＃13;

请参考。

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

Answer 3

如何选择上课？

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

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

如何在页面上有多个jQuery TableSorter表

3 个答案: