Erstellen Sie dynamische html-Tabelle mit Hilfe von einfachen javascript-array
Möchte ich einige JavaScript schreiben, um eine einfache HTML-Tabelle aus einem array nur zahlen enthält:
var array = [1,2,3,4,5,6,7,8,9,10];
Sollte die Tabelle so Aussehen:
1 2 3 4 5
6 7 8 9 10
Aber der JavaScript-code sollte dynamisch sein, je nach den arrays der Größe (immer ein Faktor 5 wäre).
Ich habe versucht, eine Menge Sachen, aber es nie funktioniert, wie ich es mir vorstelle. Was wäre der einfachste Weg, dies zu erreichen?
Dies ist einer meiner versucht.
var tableStart = "<table border>";
for (i = 0; i < arraySize/5; i++){
var tableMiddle = "<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>"
if (arraySize/5 >= 2) {
tableMiddle = tableMiddle + tableMiddle;
}
};
var tableEnd = "</table>";
var table = tableStart.concat(tableMiddle, tableEnd);
sowie
var result = "<table border=1>";
for(var i=0; i<2; i++) {
result += "<tr>";
for(var j=0; j<array.length; j++){
result += "<td>"+array[i]+"</td>";
}
result += "</tr>";
}
result += "</table>";
dies ist gerade die Ergebnisse in zwei Werte in dem array angezeigt wird, obwohl eine Menge Zeit.
- Hi @Alexander - willkommen ALSO. Können Sie code, den Sie bisher ausprobiert?
- natürlich
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnten Sie Durchlaufen das array und erstellen Sie eine neue Zeile, wenn der Rest mit 5 gleich null ist.
JS:
HTML:
JS:
Bitte es zu versuchen, wenn das funktioniert
Wie zu versuchen, so etwas wie das? Erklärungen im code. Auch, ungetestet, so müssen Sie möglicherweise einige Anpassungen vornehmen.
(1 % 5 === 0)
wird immer falsch seini % 5