JS实现表格排序

今天有点闲,写个小东西,使用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 [email protected] 普通会员 北京 2011-04-13
145 test001 [email protected] 中级会员 合肥 2011-03-27
116 wuliao [email protected] 普通会员 南昌 2011-04-01
129 tired [email protected] 中级会员 北京 2011-04-06
155 tiredso [email protected] 中级会员 武汉 2011-04-06
131 javascript [email protected] 中级会员 武汉 2011-04-08
132 jQuery [email protected] 高级会员 北京 2011-04-12

测试通过,可以使用,嘻嘻


你可能感兴趣的:(Java技术文档)