javascript对表格进行排序.docVIP

//行排序 //注意：最后一列是无法排序的，如果表格只有四个列，如果按第四列及给排序方法的下标属性是3排序器是无法排序的 //原因：尚不清楚 //多行排序 //按第几列排序colindex为列的下标索引(列的索引从0开始) function colOrder(colindex) { var t_body = document.getElementById(_tbody); var row = t_body.rows;//将table中每行数据用一个数组保存起来 var array = new Array(row.length);//定义一个数组，数组的长度和table中的数据条数相同 for ( var i = 0; i row.length; i++) { array[i] = row[i];//将数据依次复制给array数组 } array.sort(colOrderTrSort(colindex));//报错原因是在new Array的时候调用的方法是前面自己写的方法Array，起名与关键字相同产生错误 for ( var i = 0; i array.length; i++) { t_body.appendChild(array[i]);//将集合中排完序的数据依次添加到表格中 } } //！排序器工厂 function colOrderTrSort(colindex) { if (colindex == 4) { //返回一个排序器 return function numberOrder(n1, n2) { return n1 - n2; } } else { //返回一个排序器 return function(tr1, tr2) { var txt1 = tr1.cells[colindex].outerText; var txt2 = tr2.cells[colindex].outerText; return txt1.localeCompare(txt2); }; } } /script body center table border=1 thead tr th style=cursor: pointer; onclick=colOrder(0) 学生编号 /th th style=cursor: pointer; onclick=colOrder(1) 姓名 /th th style=cursor: pointer; onclick=colOrder(2) 性别 /th th style=cursor: pointer; onclick=colOrder(3) 年龄 /th th style=cursor: pointer; onclick=colOrder(4) 分数 /th /tr /thead tbody id=_tbody tr td stu-0001 /td td Tom /td td man /td td 23 /td td 100 /td /tr tr td stu-0002 /td td Jeck /td td man /td td 12 /td td 90 /td /tr tr td stu-0003 /td td linder /td td woman /td td 21 /td td 99 /td /tr /tbody /table /center /body