jQuery排序插件tableSorter使用方法 - 行业资讯 - 肥雀云

本文实例为大家分享了jQuery排序插件tableSorter的使用方法,供大家参考,具体内容如下

1。先引两个js

　　　　　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/js/jquery-1.3.2.min.js "祝辞& lt;/script> 　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/js/jquery.tablesorter.min.js "祝辞& lt;/script> 　　　　之前　　　　

注意:表格要用thead/th和tbody。如:
　　

　　　　　　& lt;表id=癿yTable”比; 　　& lt; thead> 　　& lt; tr> 　　去年Name< & lt; th>;/th> 　　& lt; th>第一Name 　　& lt; th> Email 　　& lt; th> Due 　　& lt; th> Web Site 　　& lt;/tr> 　　& lt;/thead> 　　& lt; tbody> 　　& lt; tr> 　　& lt; td> Smith 　　& lt; td> John 　　& lt; td> jsmith@gmail.com 　　& lt; td> & lt; 50.00美元/td> 　　& lt; td> http://www.jsmith.com</td> 　　& lt;/tr> 　　& lt; tr> 　　& lt; td> Bach 　　& lt; td> Frank 　　& lt; td> fbach@yahoo.com 　　& lt; td> & lt; 50.00美元/td> 　　& lt; td> http://www.frank.com</td> 　　& lt;/tr> 　　& lt;/tbody> 　　& lt; table> 　　之前　　　　

3。调用排序js代码

　　　　　　& lt;脚本type=" text/javascript祝辞　　$(文档)时函数(){ 　　$ (" # mytable ") .tablesorter (); 　　}); 　　& lt;/script> 　　　　之前　　　　

再回到页面点击第一行就可以进行排序了。

　　ps:

<强>

,1 .一定要引jQuery包,所有金桥插件都是基于jQuery包的

,2 .如果想指定哪一栏不排序这样写

,,第5列的分选机为假就好了
　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。