Question

我已将此代码放在一起创建一个表，但是当我包含zebra小部件时 - 我只能将列排序为 descend 。我不能提升或将它们恢复正常，但斑马小部件可以工作：D

我的代码在这里有什么问题吗？谢谢:)）

    $(document).ready(function() { 

         $("#myTable").tablesorter({  

         $("table").tablesorter({ 
         widgets: ['zebra','repeatHeaders'] 
         }); 
});

编辑：我也尝试将'table'更改为'#myTable'。

Answer 1

为什么要打开两次？

应该是

$(function() {      
    $("#myTable").tablesorter({widgets: ['zebra']});
});

Answer 2

您需要按照here所述添加小部件，然后像这样调用它：

$(document).ready(function() 
    { 
        // Sort Specific Table //
        $("#myTable").tablesorter();

        // Sort Specific Table and Add Zebra to it only //
        $('#myTable').tablesorter({widgets: ['zebra','repeatHeaders']});

        // Add Zebra Plugin to All Tables //    
        $("table").tablesorter({ 
            widgets: ['zebra','repeatHeaders'] 
        });
    } 
);

Tablesorter斑马小部件打破了可分类性

2 个答案: