仅在初始页面加载时禁用 jquery tablesorter 中的 ascending/descending 顺序

Question

我创建了 mvc 4 应用程序，在这个应用程序中我列出了一个 table

这是对它的看法

每次按第一列值升序排列

这是 jquery 代码片段

        $(function () {
        $("#table-hover").tablesorter({ widthFixed: true, sortList: [[0, 0]] })
        .tablesorterPager({ container: $("#pager"), size: $(".pagesize option:selected").val() });
    });

我想禁用此 ascending/descending 功能并在初始页面加载时保留 jquery tablesorter 插件的分页

Answer 1

要禁用第一种排序，请将 class "nosort" 添加到每个 table header 并将此代码添加到您的 jquery:

$('table.tablesorter').each(function (i, e) {
    var myHeaders = {}
    $(this).find('th.nosort').each(function (i, e) {
        myHeaders[$(this).index()] = { sorter: false };
    });

    $(this).tablesorter({ widgets: ['zebra'], headers: myHeaders });
});   
$('.nosort').toggleClass('nosort');

Answer 2

如果你只需要分页，那你真的不需要用tablesorter。我确定 asp.net 提供了添加它的方法。

在任何情况下，由于您似乎在使用原始的表格排序器，您可以禁用每一列以防止按照@oMiKey 的建议进行排序。如果您使用我的 fork of tablesorter，只需将 "sorter-false" 添加到每个 header 单元格。

要防止初始排序，请从初始化代码中删除 sortList: [[0, 0]] 选项：

$(function () {
    $("#table-hover")
        .tablesorter({
            widthFixed: true
        })
        .tablesorterPager({
            container: $("#pager"),
            size: $(".pagesize option:selected").val()
        });
});

仅在初始页面加载时禁用 jquery tablesorter 中的 ascending/descending 顺序

Disable ascending/descending order in jquery tablesorter only for initial page load

c#

jquery

asp.net

tablesorter