快捷導(dǎo)航

js表數(shù)據(jù)排序 sort table data

更新時(shí)間：2009年02月18日 22:26:56 作者：

對于表格的排序，是很不錯的一個功能，方便用戶快速的分析一些數(shù)據(jù)。

建議看 http://m.fzitv.net/article/11349.htm 這篇文章，后面是一些補(bǔ)充，實(shí)現(xiàn)代碼
重點(diǎn):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>一、計(jì)劃工作項(xiàng)目(2009年2月)</td> 
<td width="100" class=ud>負(fù)責(zé)人</td> 
<td width="100" class=ud>重點(diǎn)項(xiàng)目</td> 
<td width="150" class=ud>計(jì)劃工作目標(biāo)</td> 
<td width="100" class=ud>計(jì)劃工作時(shí)間</td> 
<td width="100" class=ud>實(shí)際完成情況 </td> 
<td width="150" class=ud>問題及措施 </td> 
<td width="150" class=ud>項(xiàng)目質(zhì)量 </td> 
<td width="150" class=ud>項(xiàng)目進(jìn)度 </td> 
<td width="100" class=ud>項(xiàng)目下放領(lǐng)導(dǎo) </td> 
</tr> 
<tr align=left><td width=250>1</td><td width=100>李彬&nbsp;</td><td width=100>否</td><td width=150>每周有3次以上備份，每月有1個備份&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>2</td><td width=100>李彬&nbsp;</td><td width=100>否</td><td width=150>寫維護(hù)日志&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>3</td><td width=100>李彬&nbsp;</td><td width=100>否</td><td width=150>準(zhǔn)確完成&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>4</td><td width=100>李彬&nbsp;</td><td width=100>否</td><td width=150>讓鐘鄰飛能完全接手維護(hù)完善OA&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>d</td><td width=250>d</td><td width=100>否</td><td width=150>完善&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250> </td><td width=250>dk</td><td width=100>否</td><td width=150>完善&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250></td><td width=250>dn</td><td width=100>否</td><td width=150>完善&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>d1</td><td width=250>d</td><td width=100>否</td><td width=150>完善&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>d2</td><td width=250>d</td><td width=100>否</td><td width=150>完善&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
<tr align=left><td width=250>d3</td><td width=250>d</td><td width=100>否</td><td width=150>完善&nbsp;</td><td width=100>從2009-2-1到2009-2-28</td><td width=100>未完成</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=150>&nbsp;</td><td width=100>&nbsp;</td></tr> 
</table> 