135-1821-9792

jQuery排序插件tableSorter使用方法

本文实例为大家分享了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://kswsj.com/article/jiphhp.html

        
其他资讯

        
    



    


    
    
        
  • 成都网站建设
            
    成都网站建设
    
        
    • 
        
    •