您的位置：首页 > 其它

无刷新对表格的一列排序

2012-04-14 23:02 155 查看

<html>
<head>
<script language="javascript">
var sorttype = 1;
//desc
function sortByCol(colNum)
{ //排序
var parNode = document.getElementById("listtable"); //定位到table上,listtable为表格的ID
for(var i=0; i<parNode.rows.length-1; i++)	//冒泡排序
{
var flag=true;
for(var n=i+1; n<parNode.rows.length; n++)
{
var ifrom = i;
var ito = n;
if(sorttype==1)
{
if(parNode.rows[ifrom].cells[colNum].childNodes[0].data > parNode.rows[ito].cells[colNum].childNodes[0].data)
{
parNode.moveRow(ifrom,ito); //from-to
flag=false;
}
}else{
if(parNode.rows[ifrom].cells[colNum].childNodes[0].data <parNode.rows[ito].cells[colNum].childNodes[0].data)
{
parNode.moveRow(ifrom,ito); //from-to
flag=false;
}
}
if(flag) break;
}
}
sorttype = 0 - sorttype; //asc
}
</script>
</head>
<body>
<table id="listtable" width="100%" border="1" cellpadding="0" cellspacing="1">
<tr>
<th onClick="sortByCol(0);">序号</th>
<th onClick="sortByCol(1);">姓名</th>
<th onClick="sortByCol(2);">年龄</th>
<th onClick="sortByCol(3);">班级</th>
<th onClick="sortByCol(4);">成绩</th>
</tr>
<tr>
<td>1</td>
<td>ZXE</td>
<td>56</td>
<td>1</td>
<td>13</td>
</tr>
<tr>
<td>2</td>
<td>SCHB</td>
<td>asdf</td>
<td>3</td>
<td>23</td>
</tr>
<tr>
<td>3</td>
<td>WE</td>
<td>23</td>
<td>3</td>
<td>34</td>
</tr>
<tr>
<td>4</td>
<td>SQD</td>
<td>34</td>
<td>2</td>
<td>76</td>
</tr>
<tr>
<td>5</td>
<td>EDE</td>
<td>67</td>
<td>1</td>
<td>34</td>
</tr>
<tr>
<td>6</td>
<td>BD</td>
<td>sdf</td>
<td>2</td>
<td>78</td>
</tr>
<tr>
<td>7</td>
<td>AA</td>
<td>23</td>
<td>1</td>
<td>34</td>
</tr>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： border function table

相关文章推荐

新的分享

章节导航