使用jQuery快速渲染大表

Question

我必须使用JavaScript和jQuery动态渲染大型表。我这样做的方法是先为表格准备HTML然后再添加：

var tableHTML = "<table>...</table>";
$("#container").empty().append(tableHTML);

这是解决任务的可接受方式吗？是否有更快的方式呈现数据？

Answer 1

是的，这是使用jQuery实现这一目标的最有效方法。如果你想快速 ，你可以使用简单的Javascript：

document.getElementById('container').innerHTML = tableHTML

Answer 2

而不是使用

$("#container").empty().append(tableHTML);

你可以简单地使用

$("#container").html(tableHTML);

这将实现同样的目的。使用普通的旧javascript可能会加快速度，但是在删除旧内容之前，您还必须确保删除使用代码附加到表的任何事件处理程序，因为jQuery通常会为您处理此问题。