打印

前些日子搜来的好东西 含JS文件下载,效果演示

一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。
特别适合多表查询的排序。加上<tbody>的style.display 切换,也可以实现分页。

效果演示

用法:

1.添加JS
引用:
<SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT>
2.添加TABLE,注意的是:一定要有ID,class为"sortable"
引用:
<table class="sortable" id="mytable">
OK,可以了,简单的吧

如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS
引用:
/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color:black;
    text-decoration: none;
}
JS文件下载

[ 本帖最后由 alphat 于 2006-7-20 20:00 编辑 ]
本帖最近评分记录
  • Sheneyan 威望 +1 对技术的推荐 2006-7-20 21:07
关注动态Flash网页、RIA技术
http://www.flaspx.com/weblog
呵呵,很早以前就在使用这个可排序表格了,只是一直没想过要作个推广。

楼主有心了。
子叶:子乌的叶子
帅哥们,美女们,新的一年终于来了,祝贺你们...终于又老了一岁~
好东西要分享,这东西使用太简单了,效果又好
关注动态Flash网页、RIA技术
http://www.flaspx.com/weblog
不能对汉字排序
好东西,瞧瞧

TOP

好东西啊,相见恨晚啊。
我的MSN SPACE
spaces.msn.com/danielchen59/
团队的MSN SPACE
spaces.msn.com/51wdgroup/

TOP

不错的东西

但是只能对当前叶面上的数据排序,而一般数据量大的话都是分页的
所以实际用处不大

TOP

谢谢 楼主,本来想附加一个说明,不过发现没有必要了

[ 本帖最后由 zhuomingliang 于 2007-1-31 16:16 编辑 ]

TOP

不错!!收下~

TOP

好东西,收下了!!

TOP

收了!感谢~
不能对中文排序?

TOP

引用:
原帖由 xxcn2006 于 2007-2-1 12:52 发表
收了!感谢~
不能对中文排序?
貌似 真对 中文也是可以排序的,不过还不清楚以什么顺序的!

TOP

好东西   还要努力学习啊  高手真多

TOP

很喜欢这种效果,哈哈,下下来研究下!

TOP

收藏啦
Family comes first!

TOP

不支持中文排序,要是支持中文就好了
高雅清香的春兰秋桂,不慕求虚荣,不阿谀权贵;芳香出于自然,不是为了博取别人欣赏。

TOP

非常的实用,谢谢分享。

TOP