Генерация динамических таблиц в jQuery

Question

Как я могу динамически генерировать HTML <table> с переменным количеством строк?

Количество строк будет зависеть от количества свойств, существующих в объекте Javascript.

function showTable(trnum) //number of table rows passed in
{
   // how?
   // $("#elem").foo // #elem - element container for table
}

Answer 1

function showTable(trnum) {
    var tableCode = "<table>";
    for (var i=0; i<trnum; i++) {
        tableCode += "<tr>" + "stuff inside each tr ?" + "</tr>";
    }
    tableCode += "</table>";
    $("#elem").append(tableCode);
}

Answer 2

Вы можете попробовать:

$.createTable = function(trnum)
{
    var reps = new Array(trnum);
    var table = $('<table></table>');
    $.each(reps,function(){ 
        var td    = $('<tr><td> Stuff here </td></tr>');
        table.append(td)     
    }); 
    $('#elem').append(table);
}

Функция вызова:

$.createTable(6);

Answer 3

Перейдите по ссылке. Генерация таблиц HTML с помощью jQuery . Для демонстрации перейдите здесь