jQuery 表格排序插件 Tablesorter 使用

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

1.引入头文件(注意一定要把jQuery放在前面):

<script src="lib/jquery-1.8.3.min.js">script><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 id="alltable" class="tablesorter"  width="584"> <thead> <tr>     <th>Last Nameth>     <th>First Nameth>     <th>Emailth>     <th>Dueth>     <th>Web Siteth> tr> thead> <tbody> <tr>     <td>Smithtd>     <td>Johntd>     <td>[email protected]td>     <td>$50.00td>     <td>http://www.jsmith.comtd> tr> <tr>     <td>Bachtd>     <td>Franktd>     <td>[email protected]td>     <td>$50.00td>     <td>http://www.frank.comtd> tr> <tr>     <td>Doetd>     <td>Jasontd>     <td>[email protected]td>     <td>$100.00td>     <td>http://www.jdoe.comtd> tr> <tr>     <td>Conwaytd>     <td>Timtd>     <td>[email protected]td>     <td>$50.00td>     <td>http://www.timconway.comtd> tr> tbody> table> 

上就会有两个小三角符号,点击可以用于排序。

jQuery 表格排序插件 Tablesorter 使用_第1张图片

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


           

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

你可能感兴趣的:(jQuery 表格排序插件 Tablesorter 使用)