在页面加载上排序表

时间:2014-10-16 17:46:25

标签: jquery tablesorter

我的目标是让我的表格按照捐赠总额按降序显示在页面加载上。我正在使用表格分类器对表格进行排序。该网站是使用软件创建的,我无法直接编辑HTML。

目前,如果我点击捐赠总额,它将按降序排序,但我不希望观众必须点击。如果可能的话,我希望页面默认按降序显示,而不是选择单击升序排序。

请参阅http://jsfiddle.net/jelane20/kt8jzg9e/3/了解当前的HTML

以下是目前的脚本:

$("document").ready(function() {

var $existTable= $('table td table');

var $newTable = $('<table id="newTable"><thead></thead><tbody></tbody></table>');
$newTable.find('thead').append($existTable.find('tr').eq(2));
$newTable.find('tbody').append($existTable.find('tr:gt(1)'));
$existTable.parent().append( $newTable );


$newTable.tablesorter({

// default sortInitialOrder setting 
sortInitialOrder: "asc", 

// pass the headers argument and passing a object 
headers: {

    3: { sortInitialOrder: 'desc' }

 }

    });
});

非常感谢你!

1 个答案:

答案 0 :(得分:2)

要对第四列进行排序,降序,最初,您应该使用:

sortList: [[3,1]]

要在点击第四列时禁用排序:

 headers: {
        3: {sorter: false } 
    }

以下是代码的工作副本:http://jsfiddle.net/tkcrpep5/