javascript - 如何将 tablesorter 中的低设置为默认值？

Question

我正在使用 tablesorter jquery (jquery.tablesorter.js) 对我页面中的表格信息进行排序。并且它运作良好。

我在表中添加了一个 ID 来对数据进行排序，如下所示:

<table id="keywords">

我使用以下脚本函数根据表对数据进行排序:

$(function(){
$('#keywords').tablesorter(); 
});

但我需要点击表 thead 才能对数据进行排序。

这是我的问题:

> 如何根据表格列中的数字将低到高设置为默认值？

例如:当我们打开页面时，表格信息将按照从低到高(默认)自动排序。但是如果我们点击 Table thead 那么它将相应地排序。

提前致谢

Answer 1

在您的 JavaScript 中，您可以初始化特定列的顺序。您可以使用逗号分隔符添加多个列。

下面是单列的例子。

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("yourtable").tablesorter({ 
        // sort on the first column, order asc 
        sortList: [[0,0]] 
    }); 
});

下面是多列的例子。

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("yourtable").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]] 
    }); 
});

还有一种方法可以通过标记中的元数据排序

<table class="tablesorter {sortlist: [[0,0],[4,0]]}" cellspacing="1"> 

供引用:

Set a initial sorting order

Sorting order with metadata