jQuery排序插件tableSorter使用方法

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

1.先引两个js

<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.tablesorter.min.js"></script>

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

<table id="myTable"> 
<thead> 
<tr> 
  <th>Last Name</th> 
  <th>First Name</th> 
  <th>Email</th> 
  <th>Due</th> 
  <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
  <td>Smith</td> 
  <td>John</td> 
  <td>jsmith@gmail.com</td> 
  <td>$50.00</td> 
  <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
  <td>Bach</td> 
  <td>Frank</td> 
  <td>fbach@yahoo.com</td> 
  <td>$50.00</td> 
  <td>http://www.frank.com</td> 
</tr> 
</tbody>
<table>

3.调用排序js代码

<script type="text/javascript">
$(document).ready(function() {
  $("#mytable").tablesorter();
});
</script>

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

ps:

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

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

    $("#mytable").tablesorter({headers:{5:{sorter:false}}});

  第5列的sorter为false就OK了

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

# jQuery  # 排序插件  # tableSorter  # jQuery html表格排序插件tablesorter使用方法详解  # 修复jQuery tablesorter无法正确排序的bug(加千分位数字后)  # jQuery表格排序组件-tablesorter使用示例  # jquery tablesorter.js 支持中文表格排序改进  # 基于jQuery获取table数据发送到后端  # Jquery Datatables的使用详解  # jQuery Datatables 动态列+跨列合并实现代码  # JQuery插件tablesorter表格排序实现过程解析  # 都是  # 要用  # 大家分享  # 具体内容  # 大家多多  # 就可以  # 再回  # gt 

相关文章： 建站之星上传入口如何快速找到？  为什么Go需要go mod文件_Go go mod文件作用说明  做企业网站制作流程,企业网站制作基本流程有哪些？  ,制作一个手机app网站要多少钱？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  如何在服务器上配置二级域名建站？  如何选择靠谱的建站公司加盟品牌？  html制作网站的步骤有哪些,iapp如何添加网页？  网站企业制作流程,用什么语言做企业网站比较好？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  如何使用Golang安装API文档生成工具_快速生成接口文档  建站之星微信建站一键生成小程序+多端营销系统  制作企业网站建设方案,怎样建设一个公司网站？  制作网页的网站有哪些,电脑上怎么做网页？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  智能起名网站制作软件有哪些,制作logo的软件？  红河网站制作公司,红河事业单位身份证如何上传？  建站之星多图banner生成与模板自定义指南  C#如何使用XPathNavigator高效查询XML  大学网站设计制作软件有哪些,如何将网站制作成自己app？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  如何选择适配移动端的WAP自助建站平台？  如何快速查询网址的建站时间与历史轨迹？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  黑客如何通过漏洞一步步攻陷网站服务器？  长沙企业网站制作哪家好,长沙水业集团官方网站？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  如何高效生成建站之星成品网站源码？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  高端网站建设与定制开发一站式解决方案 中企动力  深圳网站制作培训,深圳哪些招聘网站比较好？  太平洋网站制作公司,网络用语太平洋是什么意思？  网站制作说明怎么写,简述网页设计的流程并说明原因？  广州商城建站系统开发成本与周期如何控制？  网站制作软件有哪些,制图软件有哪些？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  建站之星云端配置指南：模板选择与SEO优化一键生成  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  XML的“混合内容”是什么 怎么用DTD或XSD定义  郑州企业网站制作公司,郑州招聘网站有哪些？  长沙做网站要多少钱,长沙国安网络怎么样？  小程序网站制作需要准备什么资料,如何制作小程序？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  临沂网站制作企业,临沂第三中学官方网站？