数据表动态创建的表不可排序

Question

我在隐藏的<div>中有几个DataTable。这些表是可以工作和排序的。当我使用.html() jQuery方法将此表插入页面的其他位置时（因此我将每个表的HTML动态复制到另一个位置），这些表变得不可用。

如何强制它们再次排序？

Answer 1

初始加载DOM元素后，必须将.DataTable()的初始化附加到页面上已有的内容中。 请尝试$("body").find(".yourTable").DataTable()进行初始化。 （如果您有一个更具体的静态容器，其中包含任何时间点的所有DataTables，请将body替换为该容器以获得更好的性能。）

如果最终在页面上有多个具有相同ID的元素，请不要使用ID，而是使用类。否则，jQuery选择器可能只会选择第一次出现。