js表數(shù)據(jù)排序 sort table data
更新時(shí)間：2009年02月18日 22:26:56 作者：
對(duì)于表格的排序，是很不錯(cuò)的一個(gè)功能，方便用戶(hù)快速的分析一些數(shù)據(jù)。
建議看 http://www.dbjr.com.cn/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>問(wèn)題及措施 </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>李彬 </td><td width=100>否</td><td width=150>每周有3次以上備份，每月有1個(gè)備份 </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>寫(xiě)維護(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>
重點(diǎn):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>一、計(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>問(wèn)題及措施 </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>李彬 </td><td width=100>否</td><td width=150>每周有3次以上備份，每月有1個(gè)備份 </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>寫(xiě)維護(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>
您可能感興趣的文章:
- JS實(shí)現(xiàn)點(diǎn)擊表頭表格自動(dòng)排序（含數(shù)字、字符串、日期）
- js表頭排序?qū)崿F(xiàn)方法
- javascript 表格排序和表頭浮動(dòng)效果(擴(kuò)展SortTable)
- 33種Javascript 表格排序控件收集
- js實(shí)現(xiàn)表格字段排序
- js 靜態(tài)HTML表格排序功能實(shí)現(xiàn)
- js 表格排序(編輯+拖拽+縮放)
- javascript select列表內(nèi)容按字母倒序排序與按列表倒序排列
- javascript 二維排序表格代碼
- javascript多種數(shù)據(jù)類(lèi)型表格排序代碼分析
- JS實(shí)現(xiàn)的點(diǎn)擊表頭排序功能示例
相關(guān)文章
JS使用ActiveXObject實(shí)現(xiàn)用戶(hù)提交表單時(shí)屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實(shí)現(xiàn)用戶(hù)在提交表單時(shí)屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下2017-06-06
網(wǎng)頁(yè)右側(cè)懸浮滾動(dòng)在線qq客服代碼示例
這篇文章主要介紹了網(wǎng)頁(yè)右側(cè)懸浮滾動(dòng)qq在線客服代碼示例,需要的朋友可以參考下2014-04-04
javaScript給元素添加多個(gè)class的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇javaScript給元素添加多個(gè)class的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
對(duì)比分析Django的Q查詢(xún)及AngularJS的Datatables分頁(yè)插件
通過(guò)本文給大家對(duì)比分析了Django的Q查詢(xún)及AngularJS的Datatables分頁(yè)插件,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
php利用curl獲取遠(yuǎn)程圖片實(shí)現(xiàn)方法
這篇文章主要介紹了php利用curl獲取遠(yuǎn)程圖片實(shí)現(xiàn)方法，curl要求php環(huán)境支持，需要的朋友可以參考下2015-10-10
基于JavaScript實(shí)現(xiàn)輪播圖原理及示例
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)輪播圖原理及示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
使用layui 的layedit定義自己的toolbar方法
今天小編就為大家分享一篇使用layui 的layedit定義自己的toolbar方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
Bootstrap 是一個(gè)用于快速開(kāi)發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。接下來(lái)通過(guò)本文給大家介紹如何快速掌握Bootstrap，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
淺談bootstrap源碼分析之tab(選項(xiàng)卡)
下面小編就為大家?guī)?lái)一篇淺談bootstrap源碼分析之tab(選項(xiàng)卡)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JavaScript代碼判斷輸入的字符串是否含有特殊字符和表情代碼實(shí)例
這篇文章主要介紹了JavaScript代碼判斷輸入的字符串是否含有特殊字符和表情，通過(guò)js代碼if語(yǔ)句進(jìn)行判斷，并結(jié)合自己開(kāi)發(fā)的情景，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08