一、引入文件
复制代码 代码如下:
效果如图： 
二、标准的HTML表格，必须包括thead和tbody标签
复制代码 代码如下:
| Name | Sex | Address |
|---|---|---|
| zhangsan | boy | beijing |
| lisi | girl | shanghai |
三、设置table可排序
复制代码 代码如下:
$(document).ready(function(){
//第一列不进行排序(索引从0开始)
$.tablesorter.defaults.headers = {0: {sorter: false}};
$(".tablesorter").tablesorter();
});
官方文档：http://tablesorter.com/docs/
补充说明：
在使用过程遇到的一个问题，我的表格数据是通过ajax获取的，首页进行排序的时候没问题
当进行下一页排序的时候，会把上页的数据也重新显示出来，解决这个问题可以在你ajax获取数据之后
触发"update"事件，代码如下：
复制代码 代码如下:
$(".tablesorter").trigger("update");
以上问题着实头疼了很久，刚开始用的官网上的Pager plugin，发现这个不太合适。
又网上查资料 整理以下代码：
复制代码 代码如下:
$(".tablesorter tbody tr").addClass("delete");
$(".tablesorter tbody tr.delete").remove();
$("table tbody").append(html);
$(".tablesorter").trigger("appendCache");
$(".tablesorter").trigger("update");
$(".tablesorter").trigger("sorton",[[[2,1],[0,0]]]);
于是都用上了，久经测试 发现只有$(".tablesorter").trigger("update");这一句能解决问题
其他的不知道是什么东东。
所需文件下载地址：http://xiazai.jb51.net/201405/yuanma/jquery.tablesorter.zip
style.css及图片在themes\blue路径下。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
199
