最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。
【 tulaoshi.com - Web开发 】
一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。
特别适合多表查询的排序。加上的style.display 切换,也可以实现分页。
效果演示
用法:
1.添加JS
QUOTE:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)以下是引用片段:
2.添加TABLE,注意的是:一定要有ID,class为"sortable"
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)QUOTE:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)OK,可以了,简单的吧
如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS
QUOTE:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)以下是引用片段:
以下是引用片段:
/* 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;
}
来源:http://www.tulaoshi.com/n/20160219/1610079.html
看过《一个非常实用的Javascript类库》的人还看了以下文章 更多>>