js表數(shù)據(jù)排序 sort table data
更新時間：2009年02月18日 22:26:56 作者：
對于表格的排序，是很不錯的一個功能，方便用戶快速的分析一些數(shù)據(jù)。
建議看 http://www.dbjr.com.cn/article/11349.htm 這篇文章，后面是一些補(bǔ)充，實現(xià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>一、計劃工作項目(2009年2月)</td>
<td width="100" class=ud>負(fù)責(zé)人</td>
<td width="100" class=ud>重點項目</td>
<td width="150" class=ud>計劃工作目標(biāo)</td>
<td width="100" class=ud>計劃工作時間</td>
<td width="100" class=ud>實際完成情況 </td>
<td width="150" class=ud>問題及措施 </td>
<td width="150" class=ud>項目質(zhì)量 </td>
<td width="150" class=ud>項目進(jìn)度 </td>
<td width="100" class=ud>項目下放領(lǐng)導(dǎo) </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>寫維護(hù)日志 </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>準(zhǔn)確完成 </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>讓鐘鄰飛能完全接手維護(hù)完善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>
重點:table class=sortable
2. test.htm
復(fù)制代碼 代碼如下:
<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>負(fù)責(zé)人</td>
<td width="100" class=ud>重點項目</td>
<td width="150" class=ud>計劃工作目標(biāo)</td>
<td width="100" class=ud>計劃工作時間</td>
<td width="100" class=ud>實際完成情況 </td>
<td width="150" class=ud>問題及措施 </td>
<td width="150" class=ud>項目質(zhì)量 </td>
<td width="150" class=ud>項目進(jìn)度 </td>
<td width="100" class=ud>項目下放領(lǐng)導(dǎo) </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>寫維護(hù)日志 </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>準(zhǔn)確完成 </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>讓鐘鄰飛能完全接手維護(hù)完善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>
您可能感興趣的文章:
相關(guān)文章
JS使用ActiveXObject實現(xiàn)用戶提交表單時屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實現(xiàn)用戶在提交表單時屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了網(wǎng)頁右側(cè)懸浮滾動qq在線客服代碼示例,需要的朋友可以參考下2014-04-04
javaScript給元素添加多個class的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avaScript給元素添加多個class的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
對比分析Django的Q查詢及AngularJS的Datatables分頁插件
通過本文給大家對比分析了Django的Q查詢及AngularJS的Datatables分頁插件,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
php利用curl獲取遠(yuǎn)程圖片實現(xiàn)方法
這篇文章主要介紹了php利用curl獲取遠(yuǎn)程圖片實現(xiàn)方法，curl要求php環(huán)境支持，需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)輪播圖原理及示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
使用layui 的layedit定義自己的toolbar方法
今天小編就為大家分享一篇使用layui 的layedit定義自己的toolbar方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。接下來通過本文給大家介紹如何快速掌握Bootstrap，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
下面小編就為大家?guī)硪黄獪\談bootstrap源碼分析之tab(選項卡)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript代碼判斷輸入的字符串是否含有特殊字符和表情代碼實例
這篇文章主要介紹了JavaScript代碼判斷輸入的字符串是否含有特殊字符和表情，通過js代碼if語句進(jìn)行判斷，并結(jié)合自己開發(fā)的情景，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08