一個(gè)Javascript 的類庫,用于table內(nèi)容排序。使用很方便,不用每次都去調(diào)用數(shù)據(jù)庫了。
特別適合多表查詢的排序。加上<tbody>的style.display 切換,也可以實(shí)現(xiàn)分頁。
效果演示
用法:
1.添加JS
QUOTE: <SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT>
2.添加TABLE,注意的是:一定要有ID,class為"sortable"
QUOTE: <table class="sortable" id="mytable">
OK,可以了,簡(jiǎn)單的吧
如果覺得太單調(diào),自己加點(diǎn)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文件下載
出處:藍(lán)色理想
責(zé)任編輯:moby
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|