使用jQuery创建动态表

Question

这是在jQuery中从头开始创建动态表，然后用数据填充它们的最佳方法。

编辑：

假设数据来自脚本服务，我需要动态创建一个表并使用传入值填充它们

Answer 1

有几种方法可以在没有插件的情况下实现表的实际创建。例如：

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

然后，您可以使用.append通过调用表的id来追加表头和行。使用.html将允许您填充表格。

Answer 2

DataTables是一个功能丰富的jQuery Table插件。但是，如果不了解应用程序所需的功能，很难提出完美的建议。

Answer 3

在这里有很好的简短介绍：Creating Dynamic Tables with jQuery

Answer 4

在闭包中写入以避免全局变量。将代码放入应用程序时，可以将代码移出封闭（第一行和最后一行）。

将表分配给变量会有所帮助，因为您有一个资源可以在以后操作，而不是重新查询哪些可能会产生负担。 myTable是一个jQuery对象，因此示例html()调用，它会向您的表元素添加<thead>和<tbody>标记。

另请注意，当您操纵任何元素的内部内容时，最好将所有内容尽可能少地包含在内部，因为它会提高操作速度。

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

Answer 5

您可以使用jTemplates或DOM creation plugin编写易于阅读的代码。