- 浏览: 1251067 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (399)
- 心情故事 (12)
- java (115)
- linux (55)
- 关系型数据库 (35)
- struts,jsf,spring (11)
- jdbc,hibernate,ibatis (11)
- jsp,jstl,c:tag,标签库 (2)
- ejb,webservice (1)
- tomcat,jboss,jetty,weblogic,websphere (15)
- java网络编程 (6)
- java线程 (0)
- js,jquery,json,xml,dom,html.regex (25)
- 设计模式 (6)
- BUG记录 (2)
- ant (2)
- jsp,servlet (4)
- swing (6)
- lucene+nutch (6)
- log4j (2)
- windows doc (2)
- ruby (1)
- ruby on rails (3)
- 操作系统网络 (18)
- apache 错误 (1)
- tomcat (10)
- jboss (9)
- jetty (9)
- weblogic (9)
- websphere (10)
- apache (2)
- AIX的iostat命令查看系统磁盘的使用情况 (1)
- oracle 统计一个表格有多少列 (1)
- Exception in thread "main" java.security.KeyStoreException: Windows-MY not found (1)
- jsp (1)
- jstl (1)
- c:tag (1)
- 标签库 (1)
- struts (1)
- jsf (1)
- spring (2)
- oracle,sqlplus (2)
- sqlplus (2)
- show errors (1)
- proc (1)
- function (1)
- ORA-06544: PL/SQL: internal error (1)
- arguments: [55916] (1)
- [] (7)
- 终端身份实施文档 (1)
- 重装系统之后飞鸽传书只能看到自己 (1)
- vsftp "上传 553 Could not create file" (1)
- startWebLogic.sh启动失败,提示Error initializing Embedded LDAP Server (1)
- java agent 注册为 windows 服务 (1)
- centos (1)
- svn (1)
- apr (1)
- apr-util (1)
- activemq (2)
- oracle (5)
- mysql (3)
- nosql (3)
- NSIS (1)
- windows wmic (1)
- c 指针 (1)
- c c++ (0)
- jmeter (0)
- 性能测试 (0)
- linux,备份 (2)
- C++ ,Virtual (1)
- windows dos (1)
- android (2)
- 大数据,云计算 (1)
- JVM垃圾收集 (1)
- jdbc (2)
- invoke (1)
- hibernate (1)
- ibatis (1)
- 个人开源项目源码收藏 (1)
- 批处理 (1)
- Mongodb mapreduce (8)
- kettle (1)
- Mongodb capped (1)
- mongodb gridfs (1)
- Mongodb 入门基础知识 (1)
- mongodb (8)
- hadoop2.5.1 (1)
- hadoop (4)
- eclipse (1)
- hdfs fs (1)
- elipse hadoop plugin (1)
- PHP相关知识 (1)
- js (1)
- jquery (1)
- json (1)
- xml (1)
- dom (1)
- html.regex (1)
- 网络知识 (1)
- nginx (1)
- docker (1)
- 测试 (1)
- nodejs (1)
- iptables (1)
- linux gitlab (1)
最新评论
-
July01:
最近了解到一款StratoIO打印控件,功能如下:1、Html ...
web页面调用window.print()函数实现打印的功能 -
hxdtech:
非常感谢!
我在学习ibatis时的培训ppt -
zmwxiaoming:
what 能连数据库不错
SOLR的学习整理 -
springdata_springmvc:
java程序语言学习教程 地址http://www.zuida ...
java获取当前操作系统的信息 -
huanzei:
整理的不错,
oracle lpad函数
分页的插件有很多,项目里面用的是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]]} ); } );
发表评论
-
web页面调用window.print()函数实现打印的功能
2010-09-17 09:23 151561 在WEB上的打印通常的解决方法是用报表的方式,比较 ... -
正则表达式基础学习六:匹配字母和数字和下划线
2010-08-12 10:34 3797\w 匹配 ... -
正则表达式基础学习五:匹配数字
2010-08-12 10:11 13401 匹配数字:[0-9]是[012345 ... -
正则表达式学习基础四:空白元字符
2010-08-12 10:01 1367元字符有 .匹配任 ... -
正则表达式学习基础三:使用元字符.[]
2010-08-11 16:37 1270元字符是 regex里有特殊含义的字符,使用的时候 ... -
正则表达式学习基础二
2010-08-10 17:27 857主要学习[ ]集合的用法和取非。截图如下,备忘。- ... -
正则表达式基础学习一
2010-08-10 17:02 973在看正则表达式的东西。比较基础的一节课,接几个图贴下,备忘。 ... -
左边菜单隐藏,右边全屏
2010-01-06 17:12 2441<html> <head> ... -
setTimeout 和 setInterval 的区别
2009-12-14 09:58 1149window对象有两个主要的定时方法,分别是setTimeou ... -
js+html类似QQ右下角弹出提示的效果
2009-12-14 09:53 3374js部分 <script type="tex ... -
jquery jmpopups 弹出新窗口,可以弹多个
2009-12-11 11:07 7322<!DOCTYPE html PUBLIC " ... -
Jquery Ingrid 表格插件的使用
2009-12-02 09:35 3311demo.jsp <%@ page language= ... -
html关闭“双击输入框出现提示”这个问题
2009-10-30 10:42 2500一般我们在填写网站得 注册或登录的时候,第 ... -
ajax学习笔记之一
2009-10-29 16:00 1128Aajax概述 0 ... -
firefox3不能获得html file的全路径的问题
2009-06-09 16:27 7923遇到这个问题以后, ... -
js添加一个新行,可以输入的Input,用于添加更多的业务
2009-06-09 09:59 4793<input type="butto ... -
获得select的innerText的值,在fireFox和IE里,Opera
2009-06-08 12:25 1204A 在IE里获得select的innerText的值用obj ... -
innerHTML IE bug未知的错误
2009-06-08 09:27 2116项目里要用到添加更 ... -
CSS样式学习笔记之五:表格的学习和表格的样式
2009-05-21 10:13 13781表格特有的元素:caption 和summary < ... -
js操作html的table,包括添加行,添加列,删除行,删除列,合并单元格(未实现)
2009-04-29 11:17 23745记得以前面试的时候遇到过这样一个问题:有一个表格 ...
相关推荐
本文实例为大家分享了jQuery排序插件tableSorter的使用方法,供大家参考,具体内容如下 1.先引两个js [removed][removed] [removed][removed] 注意:表格要用thead/th和tbody。如: <th>Last Name <th
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。主要的特点包括:多列排序支持文本、URL地址、数值、IP...
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 主要的特点包括: •多列排序 •支持文本、URL地址、...
总的来说,jQuery插件tablesorter是一个强大且灵活的工具,它不仅提供了基本的表格排序功能,还集成了丰富的扩展功能,如过滤、分页和列宽调整。通过合理的配置和自定义,可以满足各种复杂的需求,极大地提升了HTML...
jquery table排序插件 tablesorter
Tablesorter是一款基于jQuery的开源表格排序插件,它提供了丰富的功能,如表格内容的排序、筛选和分页,极大地增强了HTML表格的交互性和用户体验。本文将深入探讨Tablesorter插件的核心特性以及如何实现表格内容筛选...
《jQuery表格排序插件tablesorter的深度解析与实践应用》 在Web开发中,数据展示和管理是一项重要任务,而表格是常见的数据承载形式。jQuery的tablesorter插件为开发者提供了一种便捷的方式,使得表格数据可以实现...
总结,Tablesorter 是一个强大且灵活的 jQuery 插件,能轻松实现表格数据的排序功能,同时支持自定义排序规则、事件监听、模块扩展等特性,是开发中处理表格数据的强大工具。通过深入了解和实践,你可以根据项目需求...
jQuery的Tablesorter插件提供了一种强大的解决方案,特别是对于日期排序,它允许开发者根据特定格式自定义日期的比较方式。本文将深入探讨如何使用jQuery的Tablesorter插件来实现可自定义日期排序的功能。 首先,...
总的来说,`jQuery.tablesorter`是一个强大且灵活的表格排序工具,它使开发者能够轻松地为网页表格添加交互式排序功能,同时提供了一系列的定制选项以适应各种需求。通过深入理解和熟练运用,我们可以创建出更加动态...
jQuery TableSorter是一款强大的JavaScript插件,它使得表格排序和分页变得简单易行,无需复杂的配置,适用于各种浏览器,包括IE和Firefox。下面我们将详细探讨jQuery TableSorter的使用方法、核心功能以及如何实现...
而tablesorter则是jQuery的一个插件,专门用于增强HTML表格的功能,使得用户可以方便地对表格数据进行排序。在初学者看来,tablesorter可能显得有些复杂,但其实它的使用相当直观且功能强大。 ### 1. tablesorter...
`jQuery Tablesorter` 是一个基于 `jQuery` 的开源插件,主要用于表格数据的排序,提供了用户友好的交互式表格排序功能。这个插件能够轻松地将任何HTML表格转化为可排序的状态,支持多种排序方式,如升序、降序以及...
jQuery表格排序插件tablesorter是一款强大的工具,它允许用户轻松地对HTML表格中的数据进行升序或降序排列。这个插件具有自动识别数据类型的功能,能够处理各种类型的表格数据,包括数字、日期和自定义格式。下面将...
总结来说,Tablesorter 2.0 是一个功能强大、易于定制的 jQuery 表格插件,它通过排序、筛选和分页功能,极大地提升了用户在处理表格数据时的体验。无论是在大型项目还是小型网页中,Tablesorter 都能为数据展示带来...
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 使用说明 引入jquery.tablesorter 所用文件下载: ...
2. **jQuery表格排序插件**: "jquery.tablesorter.js"是这个插件的主要实现文件,它扩展了jQuery的功能,提供了表格数据的自动排序功能。用户只需将此插件应用到表格上,即可实现表格列的点击排序。"jquery....
最近在公司的项目中需要对表格进行排序,上网找了一下,感觉感觉tablesorter不错,但官网上的介绍很少,而且没有中文手册,很多地方都不明不白。。。结合官网的例子,自己摸索了一下,还真整出来了