今天有点闲,写个小东西,使用JS实现点击表格标题栏实现自动排序功能,嘻嘻...
一、JS代码,文件名为code.js如下:
(function($){ //插件 $.extend($,{ //命名空间 sortTable:{ sort:function(tableId,Idx){ var table = document.getElementById(tableId); var tbody = table.tBodies[0]; var tr = tbody.rows; var trValue = new Array(); for (var i=0; i
二、HTML部分,主要引入JS代码与指定ID调用JS的排序方法,如下:
自定义表格排序(JS)
会员ID | 会员名 | 邮箱 | 会员组 | 城市 | 注册时间 |
---|---|---|---|---|---|
126 | webw3c | este@126.com | 普通会员 | 北京 | 2011-04-13 |
145 | test001 | test001@126.com | 中级会员 | 合肥 | 2011-03-27 |
116 | wuliao | wuliao@126.com | 普通会员 | 南昌 | 2011-04-01 |
129 | tired | tired@126.com | 中级会员 | 北京 | 2011-04-06 |
155 | tiredso | tireds0@126.com | 中级会员 | 武汉 | 2011-04-06 |
131 | javascript | js2011@126.com | 中级会员 | 武汉 | 2011-04-08 |
132 | jQuery | jQuery@126.com | 高级会员 | 北京 | 2011-04-12 |