本文实例为大家分享了jQuery排序插件tableSorter的使用方法,供大家参考,具体内容如下
创新互联主营通城网站建设的网络公司,主营网站建设方案,重庆APP开发公司,通城h5成都小程序开发搭建,通城网站营销推广欢迎通城等地区企业咨询
1.先引两个js
注意:表格要用thead/th和tbody。如:
Last Name |
First Name |
Email |
Due |
Web Site |
Smith |
John |
jsmith@gmail.com |
$50.00 |
http://www.jsmith.com |
Bach |
Frank |
fbach@yahoo.com |
$50.00 |
http://www.frank.com |
3.调用排序js代码
再回到页面点击第一行就可以进行排序了.
ps:
1.一定要引jQuery包,所有jq插件都是基于jQuery包的
2.如果想指定哪一栏不排序这样写
$("#mytable").tablesorter({headers:{5:{sorter:false}}});
第5列的sorter为false就OK了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
网站栏目:jQuery排序插件tableSorter使用方法
文章位置:http://chengdu.cdxwcx.cn/article/jiphhp.html