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 相关文章推荐
jquery实现滑动特效代码
Aug 10 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
canvas 绘制圆形时钟
Feb 22 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
Feb 21 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
Apr 17 Javascript
vue源码nextTick使用及原理解析
Aug 13 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
nuxt静态部署打包相对路径操作
Nov 06 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
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
Laravel 5框架学习之表单验证
2015/04/08 PHP
php文件操作相关类实例
2015/06/18 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
Jquery选择器 $实现原理
2009/12/02 Javascript
js 省地市级联选择
2010/02/07 Javascript
调用innerHTML之后onclick失效问题的解决方法
2014/01/28 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
JS动态计算移动端rem的解决方案
2016/10/14 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
基于Node的Axure文件在线预览的实现代码
2019/08/28 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
python 中文字符串的处理实现代码
2009/10/25 Python
使用python开发vim插件及心得分享
2014/11/04 Python
python Celery定时任务的示例
2018/03/13 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
HTML5之语义标签介绍
2016/07/07 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
墨尔本复古时尚品牌:Dangerfield
2018/12/12 全球购物
澳大利亚在线性感内衣商店:Fantasy Lingerie
2021/02/07 全球购物
房地产出纳岗位职责
2013/12/01 职场文书
2014年度安全生产目标管理责任书
2014/07/25 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
初三学生语文考试作弊检讨书
2014/12/14 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
教你一步步实现一个简易promise
2021/11/02 Javascript
解决redis批量删除key值的问题
2022/03/23 Redis