设为首页收藏本站订阅更新

切换到窄版

无忧脚本 › 论坛 › 无忧脚本技术讨论区 › JavaScript & VBScript & DHTML 脚本技术讨论版 › 求表格排序的js代码.要求就是单击列头的时候可以排序.

发新帖

查看: 920|回复: 3

求表格排序的js代码.要求就是单击列头的时候可以排序. [复制链接]

Rank: 1

升级 64%

注册时间: 2006-3-16
在线时间: 1 小时
威望: 26
阅读权限: 10
积分: 32
帖子: 9
精华: 0
UID: 48469

发表于 2006-3-28 21:09:53 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

查看详细资料

一键分享

求表格排序的js代码.要求就是单击列头的时候可以排序.
我已经搜索了论坛,没有找到合适的代码.

使用道具举报

Rank: 1

升级 64%

注册时间: 2006-3-16
在线时间: 1 小时
威望: 26
阅读权限: 10
积分: 32
帖子: 9
精华: 0
UID: 48469

发表于 2006-3-29 16:38:27 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

查看详细资料

没人?

使用道具举报

Rank: 8 Rank: 8

升级 0%

注册时间: 2005-12-24
在线时间: 1722 小时
威望: 934
阅读权限: 90
积分: 3184
帖子: 1056
精华: 0
UID: 44744

发表于 2006-3-30 02:08:54 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

查看详细资料

表格排序简单实例 Test by 编程浪子

<html>
<head>
<title>表格排序简单实例 Test by 编程浪子</title>
<head>
<body>
<table border="1">
<tr><th onclick="sortByTable(0);">按数字排序</th><th onclick="sortByTable(1);">按字符串排序</th></tr>
<tr><td>1573</td><td>无忧</td></tr>
<tr><td>1314</td><td>aaaa</td></tr>
<tr><td>333</td><td>51js</td></tr>
<tr><td>520</td><td>bbbb</td></tr>
<tr><td>214</td><td>脚本</td></tr>
<tr><td>110</td><td>cbzdream</td></tr>
<tr><td>8888</td><td>编程浪子</td></tr>
</table>
</body>
<html>
<script>
function sortByTable(c)
{
var tb=document.getElementsByTagName("table")[0];
var arr=[];
for (var i=1;i<tb.rows.length;i++) arr.push(tb.rows[i].cells[c].innerText);
c==0 ? arr.sort(function (a,b) {return a-b}) : arr.sort();
for (var j=1;j<tb.rows.length;j++) tb.rows[j].cells[c].innerText=arr[j-1];
}
</script>

复制代码运行代码另存代码

http://1stjs.com
1stjs讨论群:173745399，做最好的JsFramework，欢迎对JS框架感兴趣的同仁加入入群口号：51js

使用道具举报

Rank: 3 Rank: 3

升级 5.33%

注册时间: 2003-3-23
在线时间: 32 小时
威望: 117
阅读权限: 30
积分: 216
帖子: 133
精华: 0
UID: 1214

发表于 2012-2-1 09:58:51 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

查看详细资料

阿里旺旺

查看个人网站

编程浪子发表于 2006-3-30 02:08

简洁实用，多谢啦！

电台DJ联盟：http://www.r-dj.org 碧云DJ行：http://www.by901.com

使用道具举报

发新帖

Archiver|手机版|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445

GMT+8, 2012-5-17 23:32 , Processed in 0.061301 second(s), 14 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 1999-2011 无忧脚本

回顶部