Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery快速呈现大型表_Javascript_Jquery_Html Table - Fatal编程技术网

Javascript 使用jQuery快速呈现大型表

Javascript 使用jQuery快速呈现大型表,javascript,jquery,html-table,Javascript,Jquery,Html Table,我必须特别使用JavaScript和jQuery动态呈现大型表。我首先为表准备HTML,然后执行append: var tableHTML = "<table>...</table>"; $("#container").empty().append(tableHTML); var tableHTML=“…”; $(“#容器”).empty().append(tableHTML); 这是可以接受的解决任务的方法吗?如果有更快的方式呈现数据?是的,这是使用jQuery实现

我必须特别使用JavaScript和jQuery动态呈现大型表。我首先为表准备HTML,然后执行append:

var tableHTML = "<table>...</table>";
$("#container").empty().append(tableHTML);
var tableHTML=“…”;
$(“#容器”).empty().append(tableHTML);

这是可以接受的解决任务的方法吗?如果有更快的方式呈现数据?

是的,这是使用jQuery实现这一点最有效的方法。如果您想变得非常快,可以使用裸体Javascript:

document.getElementById('container').innerHTML = tableHTML
而不是使用

$("#container").empty().append(tableHTML);
你可以简单地使用

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

这将实现同样的目标。使用简单的旧javascript可能会加快速度,但在删除旧内容之前,您还必须确保删除与代码一起附加到表中的所有事件处理程序,因为jQuery通常会为您处理这些事件。

多大才算大?渲染速度/效率因浏览器和PC而异,因此您需要将其与计时/评测结合起来考虑。大多数情况下,似乎得出正确的答案是不显示大表并实现某种分页。。。显示一个表来考虑这一点是很糟糕的可用性。我确实使用分页。但如果用户需要,它也可以显示整个表。所以我一直在寻找一种提高渲染速度的方法。