javascript - jQuery 数据表 : Can I have 3 states for Sort : ASC, DESC 和 NO_SORT？

Question

jQuery Datatable 在单击列标题时的排序顺序仅在 asc(向下箭头)和 desc(向上箭头)之间切换。即，

1st-click ascending
2nd-click descending
3rd-click asc
4th-click desc
   ||   || 
   ||   || 
   ||   || 
   ||   || 
odd-click asc
even-click desc.

我想诱导这样的事情:

1st-click ascending
2nd-click descending
3rd-click no-sorting
4th-click asc
5th-click desc
6th-click no-sort
   ||   || 
   ||   || 
   ||   || 
   ||   || 
(n%3==1)-click asc
(n%3==2)-click desc
(n%3==0)-click no-sort.

有没有办法改变 jQuery 数据表中的这种行为？请帮忙!提前致谢。

Answer 1

哇，这很有趣。这应该做你需要的，虽然它不优雅:

$('#example').on("order.dt", function () {
    if(example.settings().order().length === 1){
        var order = example.settings().order()[0];
        var th = $("#example th:eq(" + order[0] + ")");
        if(th.attr("data-sort-next") === "false"){
            example.order([]).draw();
            th.attr("data-sort-next", true);
        }else{
            if(order[1] === "desc"){
                th.attr("data-sort-next", false);
            }else{
                th.attr("data-sort-next", true);
            }
        }
    }
});

这个工作 JSFiddle说明发生了什么。基本上，您想要的是开箱即​​用的多列排序(如评论中所述)。如果只有一列正在排序，我所做的就是拦截排序，而不会搞乱多列排序。我会继续尝试完善它，但这应该适合您。