javascript 二維排序表格代碼
更新時間：2010年12月06日 19:55:29 作者：
目前一直在學(xué)習(xí)WEB前端的知識。下面貼出最近完成的一個可排序表格.
功能如下：
1.排序功能：單擊行表頭或列表頭則進(jìn)行正序排序；若再次單擊，則進(jìn)行逆序；
2.修改功能：雙擊某個單元格，則可進(jìn)行輸入操作，當(dāng)輸入框失去焦點時，則新數(shù)據(jù)被保存；
3.隨機(jī)功能：每次刷新頁面，表格中的數(shù)據(jù)都不一樣；
效果圖：
完整源碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
1.排序功能：單擊行表頭或列表頭則進(jìn)行正序排序；若再次單擊，則進(jìn)行逆序；
2.修改功能：雙擊某個單元格，則可進(jìn)行輸入操作，當(dāng)輸入框失去焦點時，則新數(shù)據(jù)被保存；
3.隨機(jī)功能：每次刷新頁面，表格中的數(shù)據(jù)都不一樣；
效果圖：
完整源碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JS實現(xiàn)點擊表頭表格自動排序（含數(shù)字、字符串、日期）
- js表頭排序?qū)崿F(xiàn)方法
- javascript 表格排序和表頭浮動效果(擴(kuò)展SortTable)
- 33種Javascript 表格排序控件收集
- js實現(xiàn)表格字段排序
- js 靜態(tài)HTML表格排序功能實現(xiàn)
- js 表格排序(編輯+拖拽+縮放)
- javascript select列表內(nèi)容按字母倒序排序與按列表倒序排列
- js表數(shù)據(jù)排序 sort table data
- javascript多種數(shù)據(jù)類型表格排序代碼分析
- JS實現(xiàn)的點擊表頭排序功能示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js+html實現(xiàn)網(wǎng)頁五子棋，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
基于JS定義回車事件的實現(xiàn)代碼，需要的朋友可以參考下2013-07-07
在JavaScript中終止forEach循環(huán)的三種方式
如何終止forEach循環(huán)這個問題估計會難倒一部分同學(xué),甚至?xí)腥朔磫?forEach循環(huán)在JavaScript中能終止嗎？本文小編給大家介紹了三種方式可以終止forEach循環(huán),需要的朋友可以參考下2023-11-11
MIF是由Pitney Bowes Software開發(fā)的一種文本格式,用于存儲地理空間數(shù)據(jù),它通常與地圖可視化和地理信息系統(tǒng)（GIS）相關(guān)聯(lián),MIF文件通常成對出現(xiàn),本文給大家介紹了javascript加載導(dǎo)出 MIF文件示例,需要的朋友可以參考下2024-12-12
這篇文章主要為大家詳細(xì)介紹了TypeScript中字符串的常用操作，例如substring、indexOf、slice、replace等，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
今天小編就為大家分享一篇關(guān)于JSON.stringify()方法講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS布局之表格的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JS控制表單提交的方法,可實現(xiàn)基于javascript提交表單信息的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)拾色器插件ColorPicker，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要為大家分享了javascript時間差插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07