html 自动排序表格,表格排序.html

表格排序

window.onload = function()

{

var oTab = document.getElementById('tab');

var oBut = document.getElementById('but');

oBut.onclick = function()

{

var arr = [];

for(var i=0; i

{

arr[i] = oTab.tBodies[0].rows[i];

}

arr.sort(function(tr1, tr2)

{

var n1 = parseInt(tr1.cells[0].innerHTML);

var n2 = parseInt(tr2.cells[0].innerHTML);

return n1-n2;

});

for(var i=0; i

{

oTab.tBodies[0].appendChild(arr[i]);

}

}

}

点击“排序”按钮，表格将按ID由小到大排序

IDNameAge

5Tom232张三334李四321张伟263王四34

一键复制

编辑

Web IDE

原始数据

按行查看

历史