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源码中的chunker 正则过滤符分析
Jul 31 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
Jun 02 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 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
ThinkPHP中Session用法详解
2014/11/29 PHP
smarty自定义函数用法示例
2016/05/20 PHP
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
详解Vue数据驱动原理
2020/11/17 Javascript
python实现排序算法
2014/02/14 Python
Python贪心算法实例小结
2018/04/22 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
北京SQL新华信咨询
2016/09/30 面试题
质量工程师岗位职责
2013/11/16 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
群众路线教育查摆剖析材料
2014/10/10 职场文书
单位租房协议书样本
2014/10/30 职场文书
2015年重阳节主持词
2015/07/04 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers