阅读文章(首页/网页制作/HTML/JavaScript/)

一实用的Javascript类库(表格排序)

[日期:2006-07-23] 来源:  作者: [字体: ]

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

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

效果演示

用法:

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



阅读:
录入:blue1000

评论 】 【 推荐 】 【 打印
上一篇:CSS+JS构建的图片查看器
下一篇:Web开发中的Drag&Drop完全手册
相关文章      
本文评论
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款