js table排序类代码

可以对表格的各列进行排序的函数类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>table排序类</title></head><body> <style type="text/css"> .fu_list{ width:400px; border:1px solid #ebebeb;line-height:20px; font-size:12px;} .fu_list thead td{background-color:#ebebeb;} .fu_list td{padding:5px;} .fu_list a{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ text-decoration:none; color:#333;} .fu_list thead a{padding-right:15px;} .fu_list thead a.up, .fu_list thead a.down{ background:url(up.gif) right center no-repeat; } .fu_list thead a.down{background-image:url(down.gif);} </style><table border="0" cellspacing="0" cellpadding="0" class="fu_list"> <thead> <tr> <td> <a href="javascript:void(0)" id="idTitle">名称</a> / <a href="javascript:void(0)" id="idExt">类型</a></td><td width="200" align="center"><a href="javascript:void(0)" id="idAddtime" class="up">上传时间</a></td><td width="50" align="center"><a href="javascript:void(0)" id="idSize">大小</a></td></tr></thead><tbody id="idList"> <tr> <td _ext="rar">new.rar</td><td align="center" _order="2008/9/12 8:51:09">2008-9-12 8:51:09</td><td align="right" _order="433247">423.09 K</td></tr><tr> <td _ext="js">TagControl.js</td><td align="center" _order="2008/9/23 11:26:57">2008-9-23 11:26:57</td><td align="right" _order="1387">1.35 K</td></tr><tr> <td _ext="js">Scroller.js</td><td align="center" _order="2008/9/23 11:26:57">2008-9-23 11:26:57</td><td align="right" _order="2556">2.5 K</td></tr><tr> <td _ext="js">AlertBox.js</td><td align="center" _order="2008/9/23 11:26:57">2008-9-23 11:26:57</td><td align="right" _order="3565">3.48 K</td></tr><tr> <td _ext="htm">1.htm</td><td align="center" _order="2008/10/4 20:21:54">2008-10-4 20:21:54</td><td align="right" _order="11394">11.13 K</td></tr><tr> <td _ext="htm">4.htm</td><td align="center" _order="2008/10/4 20:21:54">2008-10-4 20:21:54</td><td align="right" _order="351">351 b</td></tr><tr> <td _ext="xml">news.xml</td><td align="center" _order="2008/10/4 20:24:11">2008-10-4 20:24:11</td><td align="right" _order="14074">13.74 K</td></tr><tr> <td _ext="xsl">news.xsl</td><td align="center" _order="2008/10/4 20:24:11">2008-10-4 20:24:11</td><td align="right" _order="16796">16.4 K</td></tr><tr> <td _ext="js">function.js</td><td align="center" _order="2008/10/4 20:24:11">2008-10-4 20:24:11</td><td align="right" _order="2844">2.78 K</td></tr></tbody></table></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是js table排序类代码的详细内容，更多请关注0133技术站其它相关文章！

相关文章

编程

置顶推荐

猜你喜欢