js表数据排序 sort table data

建议看 http://www.jb51.net/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>

　　推荐阅读

　　谷歌浏览器 insertCell与appendChild的区别

而使用appendChild方法增加列，显示结果的先后顺序与程序执行的先后顺序相同详细可以执行以下代码：复制代码代码如下:<html> <script type="text/javascript"><!-- function generatable(){ var tableObje = do>>>详细阅读

本文标题：js表数据排序 sort table data

地址：http://www.17bianji.com/kaifa2/JS/28980.html

1/2 1