JavaScript一維數組動態產生N行N列table表格的問題

來源:互聯網
上載者:User

剛才有人問了我一個問題,問題內容大致如下:

我試著寫出了以下代碼,一是為了留作紀念,二是萬一將來用得著,就不用到處找了。

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;


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.