网络编程
位置:首页>> 网络编程>> JavaScript>> 一实用的table内容排序Javascript类库

一实用的table内容排序Javascript类库

作者:alphat 来源:蓝色理想 发布时间:2008-11-02 15:03:00 

标签:table,内容,排序,类

一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。

特别适合多表查询的排序。加上<tbody>的style.display 切换,也可以实现分页。

效果演示index.htm (1.77 KB)

用法:

1.添加JS

QUOTE:

<SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT>


2.添加TABLE,注意的是:一定要有ID,class为"sortable"

QUOTE:

<table class="sortable" id="mytable">


OK,可以了,简单的吧

如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS

QUOTE:

/* 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文件下载

asp之家下载地址:sorttable.js (6.15 KB)

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com