博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现表格排序
阅读量:6759 次
发布时间:2019-06-26

本文共 1918 字,大约阅读时间需要 6 分钟。

今天有点闲,写个小东西,使用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

 

转载地址:http://stweo.baihongyu.com/

你可能感兴趣的文章
XenServer pool 移除server 设置master
查看>>
python调用不同目录下的方法
查看>>
程序的查询 ps - 笔记1
查看>>
Conversion to Dalvik format failed with error 1的又一种情形
查看>>
nodejs抓取数据二(列表解析)
查看>>
TextView中实现可点击链接的显示
查看>>
HAOI 树上操作
查看>>
深刻理解Python中的元类(metaclass)以及元类实现单例模式
查看>>
java随机生成n个不相同的整数
查看>>
DIV+CSS基础
查看>>
使用JS完成首页定时弹出广告图片
查看>>
codeforces 500c New Year Book Reading 【思维】
查看>>
Auto reloading enabled
查看>>
GitHub的使用方法
查看>>
面向对象
查看>>
首次晒出自己的工作台
查看>>
springboot之JdbcTemplate单数据源使用
查看>>
软件授权协议有什么作用,例如GPL、Apache License、CDDL、EPL这些协议有什么区别?...
查看>>
OI回忆录
查看>>
DataTable
查看>>