表格排序（tablesorter）

最新推荐文章于 2019-03-26 22:43:50 发布

转载最新推荐文章于 2019-03-26 22:43:50 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dreamer-fish/p/5600424.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery Tablesorter插件为网页表格添加排序功能。具体步骤包括在HTML页面中引入jQuery Tablesorter.min.js文件，通过JavaScript初始化表格并设置排序规则。文章还介绍了如何指定特定列的数据类型及初始排序方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 }
}
});
});

转载于:https://www.cnblogs.com/dreamer-fish/p/5600424.html