数据table 动态创建table 不是sortable

Question

我在隐藏的 <div> 中几乎没有数据表。这 tables 是作品和 sortable。当我使用 .html() jQuery 方法将此 tables 插入页面的其他位置时（因此我将每个 table 的 HTML 动态复制到其他位置) 这个 tables 变成 unsortable.

我怎样才能强迫他们再次成为 sortable？

Answer 1

试试这个：

var table = $('#yourTable');
table.clone().appendTo('#newParent');
table.remove();

.clone() 方法，应该用它克隆所有 JS 事件。

（小心，我删除了原来的 table 因为你会有重复的 ID，如果它不是你想要的结果，你可能需要用一些 JS 更改 ID）

.clone()

Answer 2

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

如果页面上有多个元素具有相同的 ID，请不要使用 ID，而应使用 class。否则 jQuery 选择器可能只会选择第一个出现的地方。

数据table 动态创建table 不是sortable

Datatable dynamically created table not sortable

javascript

jquery

datatables