1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > javascript操作表格排序实例分析【javascript】

javascript操作表格排序实例分析【javascript】

时间:2021-07-06 23:45:49

相关推荐

javascript操作表格排序实例分析【javascript】

web前端|js教程

javascript,表格排序

web前端-js教程

本文实例讲述了javascript操作表格排序的方法。分享给大家供大家参考。具体如下:

美发网源码,vscode 怎么变成中文,深度商店 ubuntu,tomcat上如何发布,sqlite 添加一行数据,一楼的爬虫是从哪里来的,php alert乱码,seo在哪里能找到,搭建织梦网站教程,wap网站前台模板lzw

完整例子如下:

号码随意选源码,vscode换行写代码,ubuntu私有链,tomcat改utf 8,安卓的sqlite怎么使用,百度图片下载爬虫实战笔记,php ajax 聊天室,青海短视频seo布局,千博企业网站管理系统 漏洞,微信公众号 微店模板下载lzw

Table Sort Example//转换器,将列的字段类型转换为可以排序的类型:String,int,float function convert(sValue, sDataType) { switch(sDataType) { case "int": return parseInt(sValue); case "float": return parseFloat(sValue); case "date": return new Date(Date.parse(sValue)); default: return sValue.toString(); } } //排序函数产生器,iCol表示列索引,sDataType表示该列的数据类型 function generateCompareTRs(iCol, sDataType) { return function compareTRs(oTR1, oTR2) { var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType); var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType); if (vValue1 vValue2) { return 1; } else { return 0; } }; } //排序方法 function sortTable(sTableID, iCol, sDataType) { var oTable = document.getElementById(sTableID); var oTBody = oTable.tBodies[0]; var colDataRows = oTBody.rows; var aTRs = new Array; //将所有列放入数组 for (var i=0; i < colDataRows.length; i++) { aTRs[i] = colDataRows[i]; } //判断最后一次排序的列是否与现在要进行排序的列相同, //是的话,直接使用reverse()逆序 if (oTable.sortCol == iCol) { aTRs.reverse(); } else { //使用数组的sort方法,传进排序函数 aTRs.sort(generateCompareTRs(iCol, sDataType)); } var oFragment = document.createDocumentFragment(); for (var i=0; i < aTRs.length; i++) { oFragment.appendChild(aTRs[i]); } oTBody.appendChild(oFragment); //记录最后一次排序的列索引 oTable.sortCol = iCol; }

Click on the table header to sort in ascending order.

c hook 源码,ubuntu如何调出shell,tomcat怎么部署多应用,手痒的爬虫,网页查看php代码,经济开发区网络seo怎么做lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。