jQuery tablosunu oluşturma

Question

Aynı sayıda satır ve sütun içeren bir tablo oluşturmak istiyorum, ancak bir şey çalışmıyor. Birisi benim kodumu kontrol edebilir mi lütfen?

Kodu:

$(document).ready(function(){ 
    var table = $("<table></table>"); 
    var columns = 16; 
    var rows =16; 
    for (var x = 0; x < rows; x++) { 
     $("<tr></tr>").appendTo(table); 
     for (var y = 0; y < columns; y++) { 
      $("<td></td>").appendTo($("<tr></tr>")); 
     } 
     table.appendTo(".container"); 
    } 
}); 

Jsfiddle

Answer 1

Sen hücrelerle her zaman oraya yerleştirmek için, bir değişken olarak satır saklamamız gerekir. Ardından hücreler arasında geçiş yaptıktan sonra satırı tabloya eklemeniz gerekir. Tabloyu .container öğesine eklediğinizde, satır döngüsü tamamlandıktan sonra bunu yapmanız gerekir.

$(document).ready(function(){ 
    var table = $("<table border='1'>"); 
    var columns = 16; 
    var rows =16; 
    for (var x = 0; x < rows; x++) { 
    var row = $("<tr>"); 
    for (var y = 0; y < columns; y++) { 
     row.append("<td>"); 
    } 
    row.appendTo(table); 
    } 
    table.appendTo(".container"); 
}); 

Ve bir çalışma keman: İşte yeni kod https://jsfiddle.net/79Ly3tk1/