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 

相关文章： 东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  c++ stringstream用法详解_c++字符串与数字转换利器  微信小程序 input输入框控件详解及实例（多种示例）  完全自定义免费建站平台：主题模板在线生成一站式服务  如何在阿里云部署织梦网站？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  在线制作视频网站免费,都有哪些好的动漫网站？  如何通过FTP服务器快速搭建网站？  小程序网站制作需要准备什么资料,如何制作小程序？  建站主机如何安装配置？新手必看操作指南  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  如何在VPS电脑上快速搭建网站？  建站主机SSH密钥生成步骤及常见问题解答？  北京网站制作的公司有哪些,北京白云观官方网站？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何快速搭建安全的FTP站点？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  临沂网站制作公司有哪些,临沂第四中学官网？  表情包在线制作网站免费,表情包怎么弄？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  建站之星安装后如何配置SEO及设计样式？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  如何在万网主机上快速搭建网站？  如何在腾讯云服务器快速搭建个人网站？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  制作旅游网站html,怎样注册旅游网站？  微信h5制作网站有哪些,免费微信H5页面制作工具？  定制建站流程步骤详解：一站式方案设计与开发指南  如何规划企业建站流程的关键步骤？  建站之星如何实现五合一智能建站与营销推广？  宝塔建站无法访问？如何排查配置与端口问题？  如何用5美元大硬盘VPS安全高效搭建个人网站？  如何快速使用云服务器搭建个人网站？  常州企业建站如何选择最佳模板？  活动邀请函制作网站有哪些,活动邀请函文案？  如何通过VPS建站无需域名直接访问？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  建站ABC备案流程中有哪些关键注意事项？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  建站之星2.7模板：企业网站建设与h5定制设计专题  如何用好域名打造高点击率的自主建站？  教学论文网站制作软件有哪些,写论文用什么软件 ？  如何在建站主机中优化服务器配置？  建站之星代理如何优化在线客服效率？  建站主机选购指南：核心配置与性价比推荐解析  ,巨量百应是干嘛的？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？