手机版

jquery.tableSort.js表格排序插件使用方法详解

时间:2021-09-06 来源:互联网 编辑:宝哥软件园 浏览:

本文实例为大家分享了jquery.tableSort.js表格排序的具体代码,供大家参考,具体内容如下

1.一定要引jQuery包,所有日本季刊日本季刊插件都是基于jQuery包的

2.如果想指定哪一栏不排序这样写$("#我的桌子").table orter({ header RS : { 5: { sorter : false } } });第5列的分类机为错误的就好了

参考://www .JB 51。net/article/105217。html文件的后缀

!DOCTYPE html html head meta charset=' utf-8 '/title/title script type=' text/JAVAScript ' src=' http : js/jquery-1。9 .0 .量滴js '/脚本类型=' text/JavaScript ' src=' http : js/jquery。餐桌运动。js '/script style type=' text/CSS ' # tip { border 3360 solid 1px black;宽度: 358像素;线高: 21px高: 21 xpadding : 2px 10px背景-颜色:粉色;font-size : 12px文本对齐:中心;余量: 10px自动10px} .表{ width : 380 pxmargin : 0 auto边界崩溃:崩溃;文本对齐:中心;} .表td,tr .表tr th {背景:绿色黄色;border:固体1px红色;color : # 666 h8 : 30px/*线高: 30px*/} .表tr th { background: # 89AFB1颜色:红色;文本对齐:中心;font-size : 14px} .a桌。表a :已访问{ color:红色文本-装饰:无}。表悬停,a :表a:active { color:蓝色;text-decoration : none }/style script type=' text/JavaScript ' $(function(){ $(' table ')).表排序()。数据(“表排序”);var I=0;$('.表tr th a ').单击(函数(){ if (i % 2==0) { $(').SJ ').文本('升序');我;} else { $(' .SJ ').文本('降序');我;} }) }) /script/script/head body div id=' tip '默认无排列规则(span class=' SJ '-/span)/div table id=' tbStudent ' class=' table ' tr tha class=' num ' href=' JAVAScript : ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '编号/a/th tha href=' JavaScript : ' rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow '姓名/a/th tha href=' JavaScript : ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '性别/a/th tha href=' JavaScript : ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '总分/a/th /tr tr td1031/td td李渊运输署/运输署男TD/TD/654/TD/tr 推倒(网络用词)张扬运输署/运输署男TD/TD/624/TD/tr吴敏运输署/运输署女TD/TD/632/TD/tr李小明运输署/运输署男TD/TD 610/TD/tr tr TD 1016/TD TD周谨运输署/运输署女TD/TD/690/TD/tr谢小敏运输署/运输署女TD/TD/632/TD/tr刘明明运输署/运输署男TD/TD/633/TD/tr蒋忠公运输署/运输署男TD/TD/675/TD/tr/table/body/html源码下载:jquerytableSortjs(jb51.net). rar

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

版权声明:jquery.tableSort.js表格排序插件使用方法详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。