67,513
社区成员
发帖
与我相关
我的任务
分享javascript中表格排序
<script type="text/javascript">
function generateCompareTRs(iCol)
{
return function compare(tr1,tr2)
{ var v1=tr1.cells[iCol].firstChild.nodeValue;
var v2=tr2.cells[iCol].firstChild.nodeValue;
if(v1>v2)
return 1;
else if(v1<v2)
return -1;
else
return 0;
}
}
function sortTable(iCol)
{
var oTable=document.getElementById("tblSort");
var oTBody=oTable.tBodies[0];
var aRows=oTBody.rows;
var aTRs=new Array;
for(var i=0;i<aRows.lenth;i++)
{
aTRs.push(aRows[i]);
}
aTRs.sort(generateCompareTRs(iCol));
var oFargment==document.creatDocumentFragment();
for(var i=0;i<aTRs.length;i++)
{
oFargment.appendChild(aTRs[i]);
}
oTBody.appendChild(oFargment);
}
</script>
</head>
<body>
<table border="1" id="tblSort">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>王明</td>
</tr>
<tr>
<td>3</td>
<td>张三</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
</tr>
</tbody>
</table>
<input type="button" onclick="sortTable(iCol)" value="序列号"/>
</body>
</html>
function generateCompareTRs(iCol)
{
return function compare(tr1,tr2)
{ var v1=tr1.cells[iCol].firstChild.nodeValue;
var v2=tr2.cells[iCol].firstChild.nodeValue;
if(v1>v2)
return 1;
else if(v1<v2)
return -1;
else
return 0;
}
}
function sortTable(iCol)
{
var oTable=document.getElementById("tblSort");
var oTBody=oTable.tBodies[0];
var aRows=oTBody.rows;
var aTRs=new Array;
for(var i=0;i<aRows.lenth;i++)
{
aTRs.push(aRows[i]);
}
aTRs.sort(generateCompareTRs(iCol));
var oFargment==document.creatDocumentFragment();
for(var i=0;i<aTRs.length;i++)
{
oFargment.appendChild(aTRs[i]);
}
oTBody.appendChild(oFargment);
}
</script>
</head>
<body>
<table border="1" id="tblSort">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>王明</td>
</tr>
<tr>
<td>3</td>
<td>张三</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
</tr>
</tbody>
</table>
<input type="button" onclick="sortTable(iCol)" value="序列号"/>
</body>
</html>
...全文
请发表友善的回复…
发表回复
xieshengjun2009 2012-01-15
- 打赏
- 举报
查javascript 参考文档！里面有说明！
ylovep 2012-01-15
- 打赏
- 举报
建议楼主多看看网上的资料 实在帮不上什么忙 谅解
StriveYung 2012-01-15
- 打赏
- 举报
你这个那么简单 放在网上来 啊啊 啊啊 我都不好意思了
