Neue Tabellenspalte hinzufügen.

Für manche ist es ein alter Hut aber für mich war es neu. Mit Javascript kann man dynamisch Reihen oder sogar Spalten in eine Tabelle hinzufügen.

Hier mal mein Beispiel für das Hinzufügen einer neuen Reihe.

function addNewRow() {
    tableObj = document.getElementById('tableCol');
    // add new row at the end
    row = tableObj.insertRow(-1);

    var x=row.insertCell(0);
    x.innerHTML="cell1";

    var z=row.insertCell(1)
    z.innerHTML="cell2";
}

Diese Funktion legt an der tabelle mit der ID “tableCol” eine Neue Reihe am Ende ( das -1 bei .insertRow ) an. Dies kann beliebig oft wiederholt werden.

• JavaScript HTML DOM Examples
• Delete rows in a table
• Add rows to a table