表格排序插件 Tablesorter
2015-06-25 12:30
387 查看
Tablesorter是一个非常好用的基于jQuery的表格排序插件,这个表格排序插件能让我们在客户端按某列进行排序,引入jQuery和这个插件的js文件,然后告诉插件你想要哪个表格拥有排序功能。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#example").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']}); }); </script> </head> <body> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script src="http://dev.jquery.com/view/trunk/plugins/tablesorter/2.0/jquery.tablesorter.js"></script> <table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Age</th> <th>Total</th> <th>Discount</th> <th>Date</th> </tr> </thead> <tbody> <tr> <td>Peter</td> <td>Parker</td> <td>28</td> <td>$9.99</td> <td>20%</td> <td>Jul 6, 2006 8:14 AM</td> </tr> <tr> <td>John</td> <td>Hood</td> <td>33</td> <td>$19.99</td> <td>25%</td> <td>Dec 10, 2002 5:14 AM</td> </tr> <tr> <td>Clark</td> <td>Kent</td> <td>18</td> <td>$15.89</td> <td>44%</td> <td>Jan 12, 2003 11:14 AM</td> </tr> <tr> <td>Bruce</td> <td>Almighty</td> <td>45</td> <td>$153.19</td> <td>44%</td> <td>Jan 18, 2001 9:12 AM</td> </tr> <tr> <td>Bruce</td> <td>Evans</td> <td>22</td> <td>$13.19</td> <td>11%</td> <td>Jan 18, 2007 9:12 AM</td> </tr> </tbody> </table> </body> </html>
相关文章推荐
- 从Qt5的改变看最佳头文件包含风格?QT5找不到#include<QApplication>头文件在哪里
- ClassNotFoundException和NoClassDefFoundError区别
- “找女神要QQ号码”——java篇
- LeetCode 83 - Remove Duplicates from Sorted List
- CSS中的相对位置与绝对位置
- jquery显示loading图片直到网页加载完成的方法
- Core Data数据库迁移
- AJAX 跨域请求 - JSONP获取JSON数据
- 用栈实现单链表的逆转
- 今天刚申请成为Uber司机 已经接了5单了....大家有什么想问的吗?
- rrdtool
- systemd详解
- LeetCode 2 - Add Two Numbers
- Linux下双物理网卡设置成虚拟网卡
- C++(11)学习总结与项目实践——0导航
- 热点新闻滚动
- Oracle问题
- document.defaultView
- Intent和PendingIntent的区别
- jquery实现不包含当前项的选择器实例