Build an table with javascript

Question

A have an code that build an table with 50 cells, but it have just 1 column/line, and I want to build an table with just 4 lines.

How can I do it with javascript?

function montaTabela() {
document.write("<table border='0' cellspacing='0' cellpadding='0' style=' font-family:Segoe UI, Segoe, Verdana;'>");
for (i=1; i<=50; i++){
    if (i%4 !== 0){
    document.write("<tr><td style='color:#696969;'>Table</td></tr>");
    } else {
        document.write("<tr><td style='color:#ff0000'>Table</td></tr>");

    }
};
documento.writeln("</table>");
}

TKS

You want to generate the table with more than one column? If that's the case, add more `` elements to your code. — showdev, Aug 29 '13 at 19:14
Yeahm showdeb, I want it...but the table should generate just 50 cells...if I put more in my code, it will run 50 times, generating more than 50 cells...and more than 4 lines...I want to build an table with 4 lines and 50 cells.[ — Marcos Borba Dos Santos, Aug 29 '13 at 19:20
Worth reading: http://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice — Ingo Bürk, Aug 29 '13 at 19:28

JtM · Answer 1 · 2013-08-29T19:23:51.273

1

Try this. Also, keep in mind that since 50 isn't divisible by 4 you'll have an odd row at the end.

function montaTabela()
{
  document.write("<table border='0' cellspacing='0' cellpadding='0' style='font-family:Segoe UI, Segoe, Verdana;'>");
  document.write("<tr>");
  for (i=0; i<50; i++)
  {
    if (i>0 && i%4 == 0)
    { // if the column index is divisable by four, end the row and start a new one.
      document.write("</tr><tr>");
    }

    document.write("<td style='color:#ff0000'>Table</td>");    
  }
  document.write("</tr>");
  documento.writeln("</table>");
};

edited Aug 29 '13 at 19:23

answered Aug 29 '13 at 19:18

JtM

233
1
6

Sorry, it isn´t generating just 4 lines. – Marcos Borba Dos Santos Aug 29 '13 at 19:33
It is generating more than 4 lines...it wants just 4 lines, and on the final line, the color changes to red. – Marcos Borba Dos Santos Aug 29 '13 at 19:35

Build an table with javascript

1 Answers1