js表数据排序 sort table data


Posted in Javascript onFebruary 18, 2009

建议看 https://3water.com/article/11349.htm 这篇文章,后面是一些补充,实现代码
重点:table class=sortable
2. test.htm

<SCRIPT src="sort.js" type="text/javascript"></SCRIPT> 
<table class=sortable id=mc1 border="1" width="1350" cellspacing="0" bordercolordark="#FFFFFF" bordercolorlight="#000000" style="word-break:break-all;"> 
<tr align=center> 
<td width="250" align=left>一、计划工作项目(2009年2月)</td> 
<td width="100" class=ud>负责人</td> 
<td width="100" class=ud>重点项目</td> 
<td width="150" class=ud>计划工作目标</td> 
<td width="100" class=ud>计划工作时间</td> 
<td width="100" class=ud>实际完成情况 </td> 
<td width="150" class=ud>问题及措施 </td> 
<td width="150" class=ud>项目质量 </td> 
<td width="150" class=ud>项目进度 </td> 
<td width="100" class=ud>项目下放领导 </td> 
</tr> 
<tr align=left><td width=250>1</td><td width=100>李彬 </td><td width=100>否</td><td width=150>每周有3次以上备份,每月有1个备份 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>2</td><td width=100>李彬 </td><td width=100>否</td><td width=150>写维护日志 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>3</td><td width=100>李彬 </td><td width=100>否</td><td width=150>准确完成 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>4</td><td width=100>李彬 </td><td width=100>否</td><td width=150>让钟邻飞能完全接手维护完善OA </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>d</td><td width=250>d</td><td width=100>否</td><td width=150>完善 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250> </td><td width=250>dk</td><td width=100>否</td><td width=150>完善 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250></td><td width=250>dn</td><td width=100>否</td><td width=150>完善 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>d1</td><td width=250>d</td><td width=100>否</td><td width=150>完善 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>d2</td><td width=250>d</td><td width=100>否</td><td width=150>完善 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
<tr align=left><td width=250>d3</td><td width=250>d</td><td width=100>否</td><td width=150>完善 </td><td width=100>从2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150> </td><td width=150> </td><td width=150> </td><td width=100> </td></tr> 
</table>
Javascript 相关文章推荐
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
JS解决ie6下png透明的方法实例
Aug 02 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 Javascript
JS批量替换内容中关键词为超链接
Feb 20 Javascript
微信小程序日期选择器实例代码
Jul 18 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
Sep 11 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
Jan 08 Javascript
js window.event对象详尽解析
Feb 17 #Javascript
js实现权限树的更新权限时的全选全消功能
Feb 17 #Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 #Javascript
JSON扫盲帖 JSON.as类教程
Feb 16 #Javascript
动态为事件添加js代码示例
Feb 15 #Javascript
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 #Javascript
javascript Ext JS 状态默认存储时间
Feb 15 #Javascript
You might like
YB217、YB235、YB400浅听
2021/03/02 无线电
PHP实现通用alert函数的方法
2015/03/11 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
ThinkPHP函数详解之M方法和R方法
2015/09/10 PHP
js资料toString 方法
2007/03/13 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
BootStrap无限级分类(无限极分类封装版)
2016/08/26 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
利用python实现AR教程
2019/11/20 Python
如何基于python操作json文件获取内容
2019/12/24 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
Python如何实现FTP功能
2020/05/28 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
基于python爬取梨视频实现过程解析
2020/11/09 Python
python字典与json转换的方法总结
2020/12/28 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
nohup的用法
2014/08/10 面试题
求职自荐书范文
2013/12/04 职场文书
工程业务员岗位职责
2013/12/31 职场文书
企业宣传方案
2014/03/04 职场文书
村委会换届选举方案
2014/05/03 职场文书
说明书格式及范文
2014/05/07 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server