dynamische Tabelle im JS erstellen.

[Shayliar]

Hallo ihr lieben,

Ich möchte eine Tabelle mit dyamischer Größe erstellen und ausgeben.

bisher sieht mein Code so aus :

   document.getElementById('user_tab').innerHTML ='Hier stehen deine Dienste:<br />';// Beginn Monatsplan
    document.getElementById('user_tab').innerHTML+='<table><tr><td>Datum:</td><td>geplanter Dienst:</td></tr>';
    for (let i =1; i<=arrayMonate[$Monat-1]; i++)
    {
        $TmpD=fooUmwandlung(arrayDP[$trueSAP.iStelle][i]);
        document.getElementById('user_tab').innerHTML+='<table><tr><td>'+arrayDP[0][i]+'</td>'+'<td>'+$TmpD+'</td></tr>';
    }
    document.getElementById('user_tab').innerHTML+='</table></table>';

Grundsätzlich wird die Tabelle auch aus gegeben, so wie ich es FAST möchte.

fehler01.jpg

Denn leider ist in dieser Form jeder Durchlauf in der For-Schleife, eine separate Tabelle (was man dann im Layout auch sieht).

Ich möchte natürlich aber, das es nur eine gesamte Tabelle ist.
Wenn ich allerdings den <table> Befehl aus der FOR-Schleife entferne sieht das Ergebnis dann so aus:


fehler02.jpg

Lg und bleibt gesund.

[mikdoe]

Und wenn du in der Schleife in die Tabelle neue Zeilen einfügst anstatt neuer Tabellen?

HTMLTableElement.insertRow()

Vorher solltest du die Erzeugung der Tabelle von HTML auf DOM-Befehle umstellen: .createElement("TABLE")

[Shayliar]

Danke,
genau das fehlte mir, der Fingerzeig. Manchmal ist es einfach verrückt, wenn man nicht selbst drauf kommt.

Danke