Générer une table à l'aide Html boucle

Question

S'il vous plaît aider mentionné ci-dessous de scénarios>

Je veux ai des valeurs d'affichage de 1 à 30 dans un tableau de telle sorte que nos 1,2,3 arrivent dans une étiquette et comme sage 4,5,6 dans d'autres tr tag et ainsi de suite jusqu'à 30 valeur. Je veux utiliser la table pour afficher les valeurs dans un élément d'une table. dans lequel chaque valeur comme "1" devrait afficher dans un, pas "2" devrait afficher dans différents <TD> et ainsi de suite.

Je veux dire que la valeur « 1 » doit être affiché en simple <TD> de la balise <Table>, la valeur « 2 » doit être affiché dans une autre balise <td> et ainsi de suite, également après trois <TD> ultérieure s un <Tr> doit être utilisé. La sortie doit être comme suit ->

1 2 3 
4 5 6 
7 8 9 

et ainsi de suite!

Une réponse rapide serait très appréciée. Merci.

J'ai essayé code comme indiqué ci-dessous,

<script type="text/javascript"> 

    document.write("  <table width='673' align='center' cellpadding='2' cellspacing='1'>"); 
    document.write("   <tr>"); 
    document.write(" <td valign = 'top'>"); 
    document.write("    </td>"); 

    document.write("   </tr>"); 

    var cnt = 0; 
    for (var idx = 1; idx <= 30; idx++) 
    { 
     cnt = cnt + 1; 
     document.write("   <tr>"); 
      document.write(" <td valign = 'top'>"); 
      document.write("  <table width='100px' align='center' cellpadding='2' cellspacing='1'>"); 
      document.write("   <tr>"); 
      document.write("    <td align='center'>"); 
      document.write("     " + idx + ""); 
      document.write("    </td>"); 
      document.write("   </tr>"); 
      document.write("   <tr>"); 
      document.write("    <td class='label'>"); 
      document.write("     <span> name part : " + idx + "</span>"); 
      document.write("    </td>"); 
      document.write("   </tr>"); 
      document.write("   </table>"); 
      document.write("    </td>"); 
      if (cnt = 3) 
      { 
       document.write("   </tr>"); 
      } 
      if (cnt = 3) { 
       cnt = 0; 
      } 

     } 

    document.write("   </table>"); 
</script> 

Answer 1

Vous pouvez essayer quelque chose comme ceci:

var mytable = "<table cellpadding=\"0\" cellspacing=\"0\"><tbody><tr>"; 

for (var i = 1; i < 31; i++) { 
    if (i % 3 == 1 && i != 1) { 
    mytable += "</tr><tr>"; 
    } 
    mytable += "<td>[" + i + "]</td>"; 
} 

mytable += "</tr></tbody></table>"; 

document.write(mytable); 

Voici un jsFiddle demo

Answer 2

C'est pseudo-code non testé, mais peut vous aider à démarrer:

var x, row; 
for(x=1;x<10;x=x+row) 
{ 
    document.write('<tr>'); 
    for(row=0;row<2;row++) 
    { 
     document.write('<td>' + (x + row)); 
     // Whatever else you want to output 
    } 
} 

Edit: cette réponse a été donnée avant OP édité son question pour ajouter des informations supplémentaires.

Answer 3

Utilisez l'opérateur modulo% pour rechercher les 3ème chiffres et définir les variables en conséquence.

http://en.wikibooks.org/wiki/C_Sharp_Programming/Operators