Добавить / удалить строки с jquery DataTables по определенному индексу

0

Я пытаюсь динамически добавлять/удалять строки в/из таблицы с помощью 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" вставляет данные в конец всей таблицы.

Кто-нибудь имеет представление о том, как заставить его работать на всех страницах?

Теги:
datatables
jquery-datatables

1 ответ

0
Лучший ответ

Флаг был найден в индексах каждой строки после первой страницы. Каждый индекс (по клику) должен быть пересчитан.

  var rowIndex = oTable.fnGetPosition(  $(this).closest('tr')[0] );
  rowIndex = rowIndex - oSettings._iDisplayStart;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню