Question

我用JS创建一个表以添加更多行

function addItem(code,name) {  
    var tblList = document.getElementById("list_inventory");
    var tblBody = tblList.tBodies[0];
    var lastRow = tblBody.rows.length;
    var row     = tblBody.insertRow(lastRow);               

    var newCell = row.insertCell(0);
    newCell.innerHTML = lastRow+1;

    var newCell = row.insertCell(1);
    newCell.innerHTML = name+"<input type='hidden' name='code[]' id='code[]' value='"+code+"' />";
}

但是问题是，每当我创建更多行时，我都需要使表按'name'升序排列？有可能吗？

Answer 1

当然可以。插入后：

var rows = tblBody.rows;
rows.sort(function(a,b) {
    var first = a.cells[0].children[0].name;
    var second = b.cells[0].children[0].name;
    return (first.name < second.name) ? 1 : ((first.name > second.name) ? -1 : 0);
});
tblBody.rows.innerHTML = rows;

因此，想法是选择行，然后按输入名称prop对其进行排序。希望对您有帮助。

在表格中添加更多行时，使用js重新排序表格

1 个答案: