html中table数据排序的js代码
2011-08-09 00:00
597 查看
对了,注意那个innerText和innerHTML
function sortCells(event) { var obj = event.target; var count = 0; count是记录点击次数的,根据奇偶进行升序或降序 if(!obj.getAttribute("clickCount")){ obj.setAttribute("clickCount", 0); } else { count = parseInt(obj.getAttribute("clickCount")); count++; obj.setAttribute("clickCount", count); } var table = event.target.parentNode.parentNode; if(table.nodeName.localeCompare("THEAD") == 0){ if(table.parentNode.nodeName.localeCompare("TABLE") == 0){ table = table.parentNode; } else { return; } } else if(table.nodeName.localeCompare("TBODY") == 0){ if(table.parentNode.nodeName.localeCompare("TABLE") == 0){ table = table.parentNode; } else { return; } } else if(table.nodeName.localeCompare("TABLE") == 0){ } else { return; } var colNum; for(x = 0; x < table.rows(1).cells.length; x++){ if(event.target.innerText.localeCompare(table.rows(0).cells[x].innerText) == 0){ colNum = x; break; } } var column = table.rows(1).cells.length; var row = table.rows.length; var Ar = new Array(row - 1); for (x = 0; x < row - 1; x++) { Ar[x] = new Array(column); } for (x = 1; x < row; x++) { for (y = 0; y < column; y++) { Ar[x - 1][y] = table.rows(x).cells(y).innerHTML; } } //这个可以对字符串进行本地化排序 /* if((count%2) == 0){ Ar.sort(function(a, b) { return b[colNum].localeCompare(a[colNum]) }); } else { Ar.sort(function(a, b) { return a[colNum].localeCompare(b[colNum]) }); } */ var temp; for (x = 0; x < row - 1; x++) { for (y = 1; y < row - 1; y++) { temp = Ar[y - 1]; if((count % 2) == 0){ if (parseInt(Ar[y - 1][colNum]) >= parseInt(Ar[y][colNum])) { Ar[y - 1] = Ar[y]; Ar[y] = temp; } } else { if (parseInt(Ar[y - 1][colNum]) <= parseInt(Ar[y][colNum])) { Ar[y - 1] = Ar[y]; Ar[y] = temp; } } } } for (x = 1; x < row; x++) { for (y = 0; y < column; y++) { table.rows(x).cells(y).innerHTML = Ar[x - 1][y]; } } count++; }
相关文章推荐
- JavaScript html js Table排序
- HTML页面调用JS代码将JSON数据导入到Excel表中,并下载 实例
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- 在table中插入多行的js代码(与insertAdjacentHTML相似的功能)
- 【代码示例】动态给HtmlTable添加行数据
- js 对页面table数据排序
- js操作html的table,包括添加行,添加列,删除行,删除列,合并单元格(未实现,可参考代码)
- 送大家一有用的JS[js表数据排序] sort table data [Copy]
- js 将json数据自动绑定到 html table 表格中
- js把html中的table数据导出到Excel中
- js对js加载拼接的html代码中元素添加ajax方法请求后台数据
- JS实现table表格数据排序功能(可支持动态数据+分页效果)
- 在table中插入多行的js代码(与insertAdjacentHTML相似的功能)
- 一款用于表格数据自定义排序的jQuery插件jquery.tablesortable.js(附ajax例子)
- Html 拖拽排序代码(需要引入jquery.js文件)
- js把html中的table数据导出到Excel中
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- html table表数据转Json格式示例代码
- JS实现table表格数据排序(可支持动态数据+分页效果)