Ergebnis 1 bis 3 von 3
Like Tree1Likes
  • 1 Post By Shayliar

Thema: dynamische Tabelle im JS erstellen.

  1. #1
    Shayliar ist offline Grünschnabel
    registriert
    28-12-2020
    Ort
    Düsseldorf
    Beiträge
    4

    Question dynamische Tabelle im JS erstellen.

    Hallo ihr lieben,

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

    bisher sieht mein Code so aus :

    HTML-Code:
       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.
    Geändert von mikdoe (07-01-2021 um 19:40 Uhr) Grund: Code Tags

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.864

    AW: dynamische Tabelle im JS erstellen.

    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")
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

  3. #3
    Shayliar ist offline Grünschnabel
    registriert
    28-12-2020
    Ort
    Düsseldorf
    Beiträge
    4

    AW: dynamische Tabelle im JS erstellen.

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

    Danke
    mikdoe likes this.

Ähnliche Themen

  1. Dynamische Kategorie erstellen
    Von Raider im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 06-10-2013, 23:49
  2. Dynamische Checkliste erstellen
    Von chicoray im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 22-05-2011, 17:49
  3. dynamische ID erstellen
    Von google.de im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 17-12-2010, 15:47
  4. Dynamische Formularelemente erstellen?
    Von regi im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 09-01-2007, 20:16
  5. Dynamische Auswahl erstellen ?!
    Von sir_rossi im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 22-12-2004, 13:42

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •