Datatable динамически созданная таблица не сортируется

Question

У меня мало данных в скрытых <div> s. Эти таблицы работают и сортируются. Когда я вставляю эти таблицы в другие места своей страницы, используя метод jQuery .html() (так что я динамически копирую HTML из каждой таблицы в другое место), эти таблицы становятся несортируемыми.

Как заставить их снова сортировать?

Answer 1

инициализацию с .DataTable() должен быть прикреплен к тому, что уже находится на странице после начальной загрузки элементов DOM. Попробуйте $("body").find(".yourTable").DataTable() для инициализации. (Если у вас есть более конкретный статический контейнер, который содержит все ваши данные в любой момент времени, замените body на это для лучшей производительности.)

Не используйте идентификатор, если в итоге у вас есть несколько элементов с тот же идентификатор на странице, вместо этого используйте класс. В противном случае селектор jQuery может получить только первое вхождение.

Answer 2

Try с этим:

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

.clone() метод должен клонировать все события JS с ним.

(Будьте осторожны, я удалил исходную таблицу, потому что вы бы дублируется идентификаторы, если его не нужный вам результат, возможно, потребуется изменить идентификаторы с некоторыми JS)

.clone()