basti1012.bplaced.net

Hallo zusammen, aktuell stehe Ich auf dem Schlauch. Ich möchte eine Tabelle erstellen, die nur 3 Spalten hat, Zeilen sind dabei egal. Wenn die 3 Spalten voll sind, dann muss eine neue Tabelle erstellt und im selbigen Aufbau geschrieben werden. Die Daten kommen dann aus der Datenbank und werden entsprechend befüllt.

Code

                                    
                                <style>
  table{
  margin:20px auto;
  border:1px solid black;
  width:80vw;
  border-collapse: collapse;
  
}
td{
 
  border:1px solid black;
}
h5{
  text-align:center;
}
th{
  border:1px solid black;
  background:lightgrey;
}
</style>


<script>
     var tableDraw = "";
tabellen=0;
all=0;
mengeausgabe=30;
 for(count=0;count<mengeausgabe;count++){
 
        if(count%3==0) {
          tabellen++;
            tableDraw += '<h5>Tabelle  '+tabellen+'</h5><table id="table'+tabellen+'"><thead class="thead-light">';
            tableDraw += '<tr class="active">' ;
            tableDraw += '<th>Id</th><th>links</th><th>User</th><th>telefon</th></tr>';
            for(i = 0; i < 3; i++) {
              all++;
                tableDraw += '<tr>' ;
                tableDraw += '<td>Ta'+tabellen+'li'+all+'</td>' ;
                    tableDraw += '<td>link '+all+'</td>' ;
                    tableDraw += '<td>user '+all+'</td>' ;
                    tableDraw += '<td>tele '+all+'</td>' ;
                tableDraw += '</tr>' ;
            }
            tableDraw += '</tbody></table>' ;
        }
}
  document.write(tableDraw);

  
</script>