- 浏览: 1378827 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (328)
- JSF (27)
- 生活 (12)
- Ajax (26)
- Maven (6)
- CSS (1)
- Shale (3)
- SiteMesh (1)
- Ext (15)
- JMX (2)
- Windows技巧 (7)
- 工作感悟 (18)
- SVN (2)
- SVG (0)
- GoogleGear (0)
- RAP (2)
- SOA与WebService (3)
- 笔记本技术研究 (1)
- Microsoft (2)
- 英语学习 (3)
- PHP (7)
- web 2.0 (6)
- 语义Web (1)
- IT史话 (3)
- iText (3)
- JVM (1)
- PropertiesEditor (1)
- J2SE (33)
- Spring (2)
- Java Batch (1)
- log (2)
- Struts2 (2)
- DWR (0)
- JAAS (3)
- EJB3 (4)
- Flex (8)
- JFreeChart (1)
- WAS (0)
- 数据库 (2)
- 摄影 (0)
- SQL (1)
- Google App Engine (1)
- linux (5)
- Eclipse plugin (10)
- Testing (0)
- Portal (0)
- 移动互联网 (0)
- SWTBot (1)
最新评论
-
江奇缘:
不错!!!!!!
web.xml里<filter-mapping>中的<dispatcher>作用 -
yy8093:
commonj 第三步,那个调用的方法要在哪里调?servle ...
JAVA中多种计时器的比较与分析 -
di1984HIT:
学习了,不错~
web.xml里<filter-mapping>中的<dispatcher>作用 -
penkee:
com.lowagie.text.DocumentExcept ...
iText中输出 中文 -
氵壞男亼乀:
我想请问下 你哪个html里面引入的几个js文件没看懂!你 ...
DWR入门教程之HelloWorld
Tablesorter是一个非常好用的基于jQuery的表格排序插件,这个表格排序插件能让我们在客户端按某列进行排序,引入jQuery和这个插件的js文件,然后告诉插件你想要哪个表格拥有排序功能。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#example").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']}); }); </script> </head> <body> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script src="http://dev.jquery.com/view/trunk/plugins/tablesorter/2.0/jquery.tablesorter.js"></script> <table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Age</th> <th>Total</th> <th>Discount</th> <th>Date</th> </tr> </thead> <tbody> <tr> <td>Peter</td> <td>Parker</td> <td>28</td> <td>$9.99</td> <td>20%</td> <td>Jul 6, 2006 8:14 AM</td> </tr> <tr> <td>John</td> <td>Hood</td> <td>33</td> <td>$19.99</td> <td>25%</td> <td>Dec 10, 2002 5:14 AM</td> </tr> <tr> <td>Clark</td> <td>Kent</td> <td>18</td> <td>$15.89</td> <td>44%</td> <td>Jan 12, 2003 11:14 AM</td> </tr> <tr> <td>Bruce</td> <td>Almighty</td> <td>45</td> <td>$153.19</td> <td>44%</td> <td>Jan 18, 2001 9:12 AM</td> </tr> <tr> <td>Bruce</td> <td>Evans</td> <td>22</td> <td>$13.19</td> <td>11%</td> <td>Jan 18, 2007 9:12 AM</td> </tr> </tbody> </table> </body> </html>
评论
4 楼
kelvin.lee
2011-11-07
可以....
3 楼
leo_soul
2010-01-04
这个我没用过 不过看上去应该是对当前页的数据进行js级别的排序。那如果分页采用hibernate自带的分页方式呢?是否能实现所有分页全部数据的重排序?我这里有一个这样的需求,我还是用原来的查询方式,只是多加了排序部分而已,是否有别的排序方法?
2 楼
rmn190
2009-12-15
答案是肯定的, 不管是数据从哪来的, 它们最终是要在HTML里显示出来的, 而JavaScript正是对数据操作的最后一个机会。
1 楼
hcq989
2008-08-29
我有个疑问,现在表格中的数据都是写死的,可在实际开发时表格数据是从数据库中提取出来的,这时还能用tablesorter 排序吗?
比如下面的例子,我用的是Velocity的视图展现技术:
<table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
</thead>
</table>
<tbody>
#foreach($item in $dataList) //dataList是由服务器端返回的数据放在request中
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="1">
<tr>
<td>$!item.firstName</td>
<td>!item.lastName</td>
<td>!item.age</td>
</tr>
</table>
</td>
</tr>
</tbody>
这样,还支持排序吗
比如下面的例子,我用的是Velocity的视图展现技术:
<table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
</thead>
</table>
<tbody>
#foreach($item in $dataList) //dataList是由服务器端返回的数据放在request中
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="1">
<tr>
<td>$!item.firstName</td>
<td>!item.lastName</td>
<td>!item.age</td>
</tr>
</table>
</td>
</tr>
</tbody>
这样,还支持排序吗
发表评论
-
超强1000个jquery极品插件!(连载中。。。。最近更新20090710)
2009-11-26 16:01 4701花N长时间积累的Jquery插件,希望大家喜欢。大家 ... -
jquery cycle plugin
2009-11-04 15:38 2535‹‹ home jQuery Cycle Pl ... -
VIM技巧
2009-04-24 16:06 1822(1).w跳到下面一个单词(word) (2).b跳到上面一 ... -
HTML 特殊字符表
2009-04-01 16:01 1634With the exception of HTML 2.0 ... -
Web开发中不可缺少的浏览器相关工具
2009-03-24 13:45 1845整理了一些Web前端开发的资源,包括有浏览器开发工具,Micr ... -
jsp重定向forward和sendRedirect的比较
2008-12-05 12:28 7305JSP的重定向有两种:forw ... -
AJAX开发简略 (第一部分)7.1、AJAX应用到的技术
2008-11-14 12:18 1930在使用浏览器浏览网页的时候,当页面刷新很慢的时候,你的浏览器在 ... -
JSON的三个好处
2008-10-27 10:38 2489JSON的三个好处收藏 <script>f ... -
自定义可排序表格
2008-10-15 15:22 1978首先,定义一个js: tableSort.js: func ... -
DWR对象构造,深入分析dwr中的DWRUtil.getValues
2008-09-12 09:51 2130当你需要通过dwr完成类似提交form的操作,了解DWRU ... -
深入分析dwr中的DWRUtil.$
2008-09-12 09:47 1358from:http://blog.csdn.net/pwl ... -
查看JSON对象结构
2008-08-25 10:37 4668在使用DWR时我们经常需要返回一个复杂的java对象,对于这个 ... -
DWR中数组的使用
2008-07-24 09:28 3521近日研究DWR,对于数组的转换始终有些不太明白,昨天终于了解了 ... -
Java open source forum大搜捕
2008-04-21 00:13 6610JIVE:这是个很多人非常熟悉的forum,可惜它3.0版本之 ... -
白话 Ajax 及其入门基础
2008-03-26 10:17 1686一、白话Ajax的原理 这个可以从 C/S 和 B/S 的原理 ... -
DWR入门教程之提示性文字
2008-03-25 15:40 2382DWR可以让您做个简单的 ... -
DWR入门教程之HelloWorld
2008-03-25 14:26 21139说明:这本是林信良(良葛格)的专栏 的文章,但是受不了繁体字的 ... -
2007年最新web2.0开源程序代码集合
2008-03-20 12:29 1784来自:http://www.prothink.cn/blog/ ... -
Web开发技术史话
2008-03-20 12:18 16841. 荒芜年代 1990-1 ... -
css教程–十步学会用css建站(全)
2008-03-19 12:58 2774本教程主要参考Creating a CSS Layout fr ...
相关推荐
tablesorter页面表格排序工具,亲测可用,敬请下载
jquery table排序插件 tablesorter
jquery插件tablesorter例子
jQuery 插件 tablesorter 的使用
jquery.tablesorter.js jquery 排序 很不错的排序
jquery 可自定义日期排序的tablesorterjquery 可自定义日期排序的tablesorter
项目中用到了tablesorter,但需要有行高亮的要求。根据网上搜到的资源,加入了对应的鼠标悬停行高亮、点击排序列列高亮的代码,希望对大家有用!由于本人js水平不高,如发现代码问题,请不吝指教
使用jquery插件tablesorter来完成静态排序
jquery.tablesorter js排序 页面物理排序
jquery表格插件Tablesorter插件 表格内容筛选与分页筛选
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 主要的特点包括: •多列排序 •支持文本、URL地址、...
前端项目-jquery.tablesorter,TableSorter(fork)是一个jquery插件,用于将带有thead和tbody标记的标准HTML表转换为不刷新页面的可排序表...TableSorter可以成功地分析和排序许多类型的数据,包括单元格中的链接数据。
jquery tablesorter的js文件,提供 grid排序工具,正好自己用了没问题,共享给大家
基于jquery.tablesorter.js修改,原文件支持中文排序,只是修改成表头和排序表格可分开,也可在同一个表格里,包里含demo, tests/demo.html及tests/demo1.html
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。主要的特点包括:多列排序支持文本、URL地址、数值、IP...
jQuery特效插件:Tablesorter 2.0 是一款表格筛选用户体验,非常适合用在表格数据内容比较多的表格,查找数据内容非常方便快捷,非常好的用户体验效果。
tablesorter例子 以及用到的js文件绝对能用 需要调用的,可以下载学习
最近在公司的项目中需要对表格进行排序,上网找了一下,感觉感觉tablesorter不错,但官网上的介绍很少,而且没有中文手册,很多地方都不明不白。。。结合官网的例子,自己摸索了一下,还真整出来了
某同学要的表格排序效果图,请大家无视,谢谢
NULL 博文链接:https://devilhand.iteye.com/blog/558772