打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
一实用的Javascript类库
一实用的Javascript类库

作者:alphat 时间: 2006-07-21 文档类型:翻译 来自:蓝色理想
浏览统计 total:6730 | year:6730 | Quarter:811 | Month:811 | Week:3 | today:3

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
21个css和Ajax表格
四个好看的CSS样式表格
Vue.js 可排序表格 (Sortable & Searchable Table) 组件
R语言保存文件常用代码(收藏)
漂亮的前端分页方法
学会用js调用AdSense代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服