Создать динамическую таблицу с помощью jQuery

Question

Какой лучший способ создать динамические таблицы с нуля в jQuery, а затем заполнить их данными.

РЕДАКТИРОВАТЬ:

Предположим, данные поступают из службы сценариев, и мне нужно динамически создать таблицу и заполнить их входящими значениями

Answer 1

Есть несколько способов выполнить создание таблицы без плагинов. Например:

$('body').append('<table id="myTable"></table>');

Затем вы можете использовать .append для добавления заголовков и строк таблицы, вызывая идентификатор таблицы. Использование .html позволит вам заполнить таблицу.

Answer 2

DataTables - это многофункциональный плагин jQuery Table. Не зная функциональности, требуемой вашим приложением, трудно дать идеальные рекомендации.

Answer 3

Здесь есть краткое краткое описание того, что вы ищете: Создание динамических таблиц с помощью jQuery

Answer 4

Вы можете использовать jTemplates или Плагин создания DOM для написания легко читаемого кода.

Answer 5

Запись в замыкании, чтобы избежать глобальных переменных. Вы можете переместить код из замыкания (первая и последняя строки), когда поместите его в свое приложение.

Назначение таблицы переменной помогает, поскольку у вас есть ресурс, которым вы можете манипулировать позже, вместо запроса, который может облагаться налогом. myTable является объектом jQuery, отсюда и пример вызова html(), который добавит теги <thead> и <tbody> к вашему элементу таблицы.

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

(function() {
   var myTable = $('<table></table>');
   $('body').append(myTable);
   myTable.html('<thead></thead><tbody></tbody>');
})();