天天看点

表格排序(tablesorter)

1.在html页面的head中引用 <script src="/static/Bootstrap/js/jquery/jquery.tablesorter.min.js"></script>

2.在.js文件中加载tablesorter:

$("table tbody").append(html);

$("table").trigger("update"); table是js自动生成的,需要在生成时添加这句

3.对需要排序的表格调用tablesorter()方法:

$('#tresult').tablesorter({

usNumberFormat : false,

sortReset : true,

sortRestart : true

}

);

$("#mytable").tablesorter({ //mytable是报表table的id

1: {sorter:"integer"}, //表格的第二列按照integer数据类型进行排序

2: {sorter:"integer"},

3: {sorter:"double"},

sortList: [[1,1],[2,0],[3,1]] //初始化表格时第二列按照降序排序,第三列按照升序排列,第四列按照降序排列

});

#不对某些列排序

$(function(){

$('table').tablesorter({

headers : {

// zero-based column index

0 : { sorter: false },

1 : { sorter: false },

2 : { sorter: false },

3 : { sorter: false },

4 : { sorter: false },

5 : { sorter: false }

}

});

});

继续阅读