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

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

1.一定要引jQuery包，所有jq插件都是基于jQuery包的

2.如果想指定哪一栏不排序这样写 $(“#mytable”).tablesorter({headers:{5:{sorter:false}}}); 第5列的sorter为false就OK了

参考：//www.jb51.net/article/105217.htm

 
 
 
 
 
 
 #tip {
 border: solid 1px black;
 width: 358px;
 line-height: 21px;
 height: 21px;
 padding: 2px 10px;
 background-color: pink;
 font-size: 12px;
 text-align: center;
 margin: 10px auto 10px;
 }

 .table {
 width: 380px;
 margin: 0 auto;
 border-collapse: collapse;
 text-align: center;
 }

 .table tr td,
 .table tr th {
 background: greenyellow;
 border: solid 1px red;
 color: #666;
 height: 30px;
 
 }

 .table tr th {
 background: #89AFB1;
 color: red;
 text-align: center;
 font-size: 14px;
 }

 .table a,
 .table a:visited {
 color: red;
 text-decoration: none
 }

 .table a:hover,
 .table a:active {
 color: blue;
 text-decoration: none
 }
 

 
 
 

 

 默认无排列规则(----)

 

 

 
编号
 
姓名
 
性别
 
总分
 
 

 
1031
 
李渊
 
男
 
654
 
 

 
1021
 
张扬
 
男
 
624
 
 

 
1011
 
吴敏
 
女
 
632
 
 

 
1026
 
李小明
 
男
 
610
 
 

 
1016
 
周谨
 
女
 
690
 
 

 
1041
 
谢小敏
 
女
 
632
 
 

 
1072
 
刘明明
 
男
 
633
 
 

 
1063
 
蒋忠公
 
男
 
675
 
 
 

源码下载：jquerytableSortjs(jb51.net).rar

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