Я пытаюсь динамически добавлять/удалять строки в/из таблицы с помощью JQuery и плагина DataTables по определенному индексу.
$('#jt').dataTable();
Строки, которые я пытаюсь добавить, - это дополнительная информация, которую я получаю, нажимая на строку (ajax). Каждая строка имеет уникальный идентификатор, который я передаю в качестве аргумента.
$('#jt').on('click','.togetinfo',function() {....
$.get(functions, { id: id }).done(function(data) {
....
Для каждого результата я добавляю содержимое в var и добавляю его после строки, которую я хочу.
$.each(jsonresult, function(i,item){
subentries = subentries + ....... /* the info */
});
$('#jt > tbody > tr').eq(id).after(subentries);
Это отлично работает на первой странице, но на второй странице записей (пейджинг) он не вставляет новые данные.
FnAddData() API "DataTables" вставляет данные в конец всей таблицы.
Кто-нибудь имеет представление о том, как заставить его работать на всех страницах?
Флаг был найден в индексах каждой строки после первой страницы. Каждый индекс (по клику) должен быть пересчитан.
var rowIndex = oTable.fnGetPosition( $(this).closest('tr')[0] );
rowIndex = rowIndex - oSettings._iDisplayStart;