`
chenhua_1984
  • 浏览: 1251067 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

jquery 排序插件 tablesorter

阅读更多

        分页的插件有很多,项目里面用的是jquery,所以就采用了jquery的方法来做,它都封装好了,不用自己在去写算法。

 

参考项目主页:http://tablesorter.com/docs/

 

 

 

tablesorter

 

插件

 

  Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。

 

主要的特点包括:

  • 多列排序
  • 支持文本、URL地址、数值、IP地址、日期类型,以及自定义类型排序
  • 支持 TH 元素的 ROWSPAN 和 COLSPAN 属性
  • 支持第二个隐藏域排序
  • 可扩展外观
  • 程序简小,打包后只有 7.4K
例子
1

First Name Last Name Age Total Discount Difference Date
Bruce Almighty 45 $153.19 44.7% +77 Jan 18, 2001 9:12 AM
Bruce Evans 22 $13.19 11% -100.9 Jan 18, 2007 9:12 AM
Clark Kent 18 $15.89 44% -26 Jan 12, 2003 11:14 AM
John Hood 33 $19.99 25% +12 Dec 10, 2002 5:14 AM
Peter Parker 28 $9.99 20.9% +12.1 Jul 6, 2006 8:14 AM

2

 

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script> 
 

3

<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> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>$100.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table> 

 

 

4

 

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 

 

5

$(document).ready(function()

    { 
        $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} ); 
    } 
); 
分享到:
评论

相关推荐

    jQuery排序插件tableSorter使用方法

    本文实例为大家分享了jQuery排序插件tableSorter的使用方法,供大家参考,具体内容如下 1.先引两个js [removed][removed] [removed][removed] 注意:表格要用thead/th和tbody。如: &lt;th&gt;Last Name &lt;th

    jQuery表格排序插件tablesorter.zip

    Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。主要的特点包括:多列排序支持文本、URL地址、数值、IP...

    jQuery表格排序插件 TableSorter

    Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 主要的特点包括: •多列排序 •支持文本、URL地址、...

    jQuery 插件 tablesorter 的使用

    总的来说,jQuery插件tablesorter是一个强大且灵活的工具,它不仅提供了基本的表格排序功能,还集成了丰富的扩展功能,如过滤、分页和列宽调整。通过合理的配置和自定义,可以满足各种复杂的需求,极大地提升了HTML...

    jquery.tablesorter.min.js

    jquery table排序插件 tablesorter

    jquery表格插件Tablesorter插件 表格内容筛选与分页筛选

    Tablesorter是一款基于jQuery的开源表格排序插件,它提供了丰富的功能,如表格内容的排序、筛选和分页,极大地增强了HTML表格的交互性和用户体验。本文将深入探讨Tablesorter插件的核心特性以及如何实现表格内容筛选...

    jquery.tablesorter.js +排序、分页、ajax demo

    《jQuery表格排序插件tablesorter的深度解析与实践应用》 在Web开发中,数据展示和管理是一项重要任务,而表格是常见的数据承载形式。jQuery的tablesorter插件为开发者提供了一种便捷的方式,使得表格数据可以实现...

    jquery插件tablesorter例子

    总结,Tablesorter 是一个强大且灵活的 jQuery 插件,能轻松实现表格数据的排序功能,同时支持自定义排序规则、事件监听、模块扩展等特性,是开发中处理表格数据的强大工具。通过深入了解和实践,你可以根据项目需求...

    jquery 可自定义日期排序的tablesorter

    jQuery的Tablesorter插件提供了一种强大的解决方案,特别是对于日期排序,它允许开发者根据特定格式自定义日期的比较方式。本文将深入探讨如何使用jQuery的Tablesorter插件来实现可自定义日期排序的功能。 首先,...

    jquery.tablesorter js排序 页面物理排序

    总的来说,`jQuery.tablesorter`是一个强大且灵活的表格排序工具,它使开发者能够轻松地为网页表格添加交互式排序功能,同时提供了一系列的定制选项以适应各种需求。通过深入理解和熟练运用,我们可以创建出更加动态...

    jquery tablesorter,表格排序带分页

    jQuery TableSorter是一款强大的JavaScript插件,它使得表格排序和分页变得简单易行,无需复杂的配置,适用于各种浏览器,包括IE和Firefox。下面我们将详细探讨jQuery TableSorter的使用方法、核心功能以及如何实现...

    Jquery中的tablesorter用法

    而tablesorter则是jQuery的一个插件,专门用于增强HTML表格的功能,使得用户可以方便地对表格数据进行排序。在初学者看来,tablesorter可能显得有些复杂,但其实它的使用相当直观且功能强大。 ### 1. tablesorter...

    jquery_tablesorter.js

    `jQuery Tablesorter` 是一个基于 `jQuery` 的开源插件,主要用于表格数据的排序,提供了用户友好的交互式表格排序功能。这个插件能够轻松地将任何HTML表格转化为可排序的状态,支持多种排序方式,如升序、降序以及...

    jQuery html表格排序插件tablesorter使用方法详解

    jQuery表格排序插件tablesorter是一款强大的工具,它允许用户轻松地对HTML表格中的数据进行升序或降序排列。这个插件具有自动识别数据类型的功能,能够处理各种类型的表格数据,包括数字、日期和自定义格式。下面将...

    jquery 表格插件:Tablesorter 2.0 插件 表格用户体验内容筛选与分页筛选

    总结来说,Tablesorter 2.0 是一个功能强大、易于定制的 jQuery 表格插件,它通过排序、筛选和分页功能,极大地提升了用户在处理表格数据时的体验。无论是在大型项目还是小型网页中,Tablesorter 都能为数据展示带来...

    JQuery插件tablesorter表格排序实现过程解析

    Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 使用说明 引入jquery.tablesorter 所用文件下载: ...

    jquery表格自动排序插件

    2. **jQuery表格排序插件**: "jquery.tablesorter.js"是这个插件的主要实现文件,它扩展了jQuery的功能,提供了表格数据的自动排序功能。用户只需将此插件应用到表格上,即可实现表格列的点击排序。"jquery....

    Jquery 插件 tablesorter

    最近在公司的项目中需要对表格进行排序,上网找了一下,感觉感觉tablesorter不错,但官网上的介绍很少,而且没有中文手册,很多地方都不明不白。。。结合官网的例子,自己摸索了一下,还真整出来了

Global site tag (gtag.js) - Google Analytics