Динамические таблицы с jQuery

0

Как создать динамические таблицы с помощью jQuery? ПРИМЕР: диалоговое окно jQuery запрашивает у пользователя сколько строк в таблицах, которые он хочет? Пользователь вводит несколько строк, а затем jQuery создает строки из этого числа. Я думаю, что это можно сделать с помощью jQuery, но как это сделать?

Теги:

2 ответа

1

Простейшая функция создания таблицы может выглядеть примерно так:

function makeTable (cols, rows) {
    var html = "<table>", // Start your html
    tmpCols = 0;          // Temporary variable to use in loops
    while (rows--) { // Loop through rows

        html += "<tr>"; // Start new row
        tmpCols = cols; // Cache passed number of columns

        while (tmpCols--) { // Loop through cols
            html+= "<td></td>"; // Add new cells
        }

        html += "</tr>" // Close row
    }
    html += "</table>"; // Close table
    return html;        // Return html
}

Конечно, вам может потребоваться больше контроля над различными аспектами таблицы (атрибуты или контент и т.д.). Обновите свой вопрос с подробной информацией о том, что вам нужно, а затем мы можем помочь вам лучше :)

0

Вы должны сделать некоторые исследования, прежде чем спрашивать об этом.

Путем сделать это очень легко было бы сделать что-то вроде этого:

var nbRow = 10;

var content = '<table>';
for(var i=0; i<nbRow; i++){
    content += '<tr><td>Lorem ipsum</td></tr>';
}
content += '</table>';
$('body').append(content);

Вы заменяете nbRow на значение, которое вы получаете от выбора пользователя.

Здесь скрипка, чтобы показать вам, что она дает

Ещё вопросы

Сообщество Overcoder
Наверх
Меню