Heim > Web-Frontend > js-Tutorial > Hauptteil

Das Problem der dynamischen Generierung einer Tabelle mit N Zeilen und N Spalten aus einem eindimensionalen Array

高洛峰
Freigeben: 2016-11-28 13:19:54
Original
1756 Leute haben es durchsucht

Jemand hat mir gerade eine Frage gestellt. Der Inhalt der Frage lautet ungefähr wie folgt:

Jetzt muss ich eine 7-Spalten-Tabelle erstellen -dimensionales Array.

Ich habe versucht, den folgenden Code zu schreiben, erstens, um ihn als Erinnerung aufzubewahren, und zweitens, falls ich ihn in Zukunft benötige, muss ich nicht überall danach suchen.

Der spezifische Code und die entsprechenden Kommentare lauten wie folgt:

var arr=[];  
var col=7;//这里为生成7列的表格  
for (var i=0;i<25;i++){arr[i]=i;}//这里只是举例子,在实践中应该为具体数据  
var lines=Math.ceil(arr.length/col);//很关键的一步,这里为生成表格的行数  
var str="<table><tbody>";//表头  
for (var j=0;j<lines;j++){//遍历表格行  
str+="<tr>";  
for (var k=0;k<col;k++){//遍历表格列  
str+="<td>";  
if(typeof arr[k+j*col]=="undefined"){str+="&nbsp";}  
else{str+=arr[k+j*col];}  
str+="</td>";  
};//表格行结束  
str+="</tr>";  
};  
str+="</tbody></table>";  
   
document.body.innerHTML=str;
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage