日期:2014-05-16 浏览次数:20445 次
今天利用了sorttable.js对表格进行排序,这个js的使用方法非常简单,让我大吃一惊,首先在布局文件的开始导入该js,然后只需要在
table标签添加一个class="sortable"就一切OK了,这样就实现了表格的正反序的排列,不过这样只能使用该js的css了,网上提供了
css的修改方案,修改js红色部分
?if (table.className.search(/\bsortable
\b/) != -1) {
v2必须要<table class="sortable" id= "eee">
v2: if (((' '+thisTbl.className+' ').indexOf("sortable ") != -1) && (thisTbl.id) ) {
可是我需要的是一个轻量级的工具,sorttable.js刚好满足我。
官方api:http://www.kryogenix.org/code/browser/sorttable
/
使用方法是:
<script src="./include/sorttable.js" type="text/javascript"></script>
典型代码区如下,不支持分页
<table class="tb tb2 sortable"> <thead> <tr> <th width="10" class="sorttable_nosort"></th> <th width="100">日期</th> <th>标题</th> <th width="100">类别</th> <th width="100">发布者</th> <th width="120" class="sorttable_nosort"></th> </tr> </thead> <tbody> <tr> <td>内容</td> <td>内容</td> <td title="">内容</td> <td>内容</td> <td>内容</td> <td>内容</td> </tr> </tbody> <tr> <td class="td25"></td> <td class="lineheight" colspan="7">当天的发布的消息使用红色主题显示。</td> </tr> </table>
可以看到 class="sorttable_nosort"表示不对该列排序。
?
?