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同时提交多个Web表单的方法
Dec 26 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
jQuery不使用插件及swf实现无刷新文件上传
Dec 08 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
jquery 设置style:display的方法
Jan 29 Javascript
jQuery限制图片大小的方法
May 25 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 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
网络资源
2006/10/09 PHP
一个用php实现的获取URL信息的类
2007/01/02 PHP
phpize的深入理解
2013/06/03 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
2016/06/02 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
详解JavaScript 的执行机制
2020/09/18 Javascript
打开电脑上的QQ的python代码
2013/02/10 Python
浅谈Python中copy()方法的使用
2015/05/21 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
意大利在线药房:Saninforma
2021/02/11 全球购物
董事长助理岗位职责
2014/02/18 职场文书
工商治理实习生的自我评价分享
2014/02/20 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
一文搞懂python异常处理、模块与包
2021/06/26 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫