jQuery 表格排序插件 Tablesorter 使用

                jQuery 表格排序插件 Tablesorter 使用方式如下：

1.引入头文件（注意一定要把jQuery放在前面）：

<script src="lib/jquery-1.8.3.min.js"></script><!--tablesorter--><link href="css/css_tablesorter_green/style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="lib/jquery.tablesorter.js"></script><script type="text/javascript">  $(document).ready(function(){  $("#alltable").tablesorter();      }); </script>

2.在需要使用排序的<Table>上无需做任何设定，很方便：

<table id="alltable" class="tablesorter"  width="584"> <thead> <tr>     <th>Last Name</th>     <th>First Name</th>     <th>Email</th>     <th>Due</th>     <th>Web Site</th> </tr> </thead> <tbody> <tr>     <td>Smith</td>     <td>John</td>     <td>jsmith@gmail.com</td>     <td>$50.00</td>     <td>http://www.jsmith.com</td> </tr> <tr>     <td>Bach</td>     <td>Frank</td>     <td>fbach@yahoo.com</td>     <td>$50.00</td>     <td>http://www.frank.com</td> </tr> <tr>     <td>Doe</td>     <td>Jason</td>     <td>jdoe@hotmail.com</td>     <td>$100.00</td>     <td>http://www.jdoe.com</td> </tr> <tr>     <td>Conway</td>     <td>Tim</td>     <td>tconway@earthlink.net</td>     <td>$50.00</td>     <td>http://www.timconway.com</td> </tr> </tbody> </table> 

在<thead>上就会有两个小三角符号，点击可以用于排序。

Tablesorter下载地址：http://download.csdn.net/detail/leixiaohua1020/6377187

           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow