随笔-3  评论-26  文章-41  trackbacks-0

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

JS 下载地址    效果演示

用法:

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 ;
}

Code Source : http://www.flaspx.com/weblog/index.php
                       http://www.blueidea.com/tech/web/2006/3799.asp
posted on 2006-07-21 13:55 百年 阅读(309) 评论(0)  编辑  收藏 所属分类: Javascript Article

只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问