Нужна помощь с плагином Jquery TableSorter Pager

Question

Я использую плагин TableSorter: http://tablesorter.com/docs/ с JQuery 1.4.2

Теперь моя проблема заключается в следующем. Пользователь может динамически добавлять строки в таблицу. Но это, кажется, портит пейджинг. Как и первый, он добавляется к первой «странице» строк, но если вы перейдете на вторую страницу и вернетесь на первую страницу. Ваша новая запись исчезла. Я не знаю, куда это идет, но это просто ушло.

Я пытался сделать это

$('#pagerid').unbind('click');
 $('#tbl tbody ').append(response.HtmlRow);
 $('#tbl').trigger('update');

Поэтому я попытался отменить привязку метода пейджера и выполнить обновление триггера, но, похоже, это не работает. Затем я попытался добавить эту строку после трех вышеуказанных строк.

$('#tbl').tablesorterPager({ container: $('#pagerid') }); 

но, похоже, он тоже ничего не делает.

http://tablesorter.com/docs/example-pager.html

Answer 1

Это потому, что TableSorterPager хранит кэшированный массив строк таблицы, а затем уничтожает / воссоздает таблицу, показывая только «интересные» строки из кэша - в зависимости от выбранной страницы.

Я столкнулся с этой проблемой до работы, за исключением того, что у меня также был плагин TableSorterFilter поверх Pager и TableSorter. В конце концов я заставил его работать, но мне потребовалось немало усилий, чтобы изменить код плагина.

Если бы я начал все сначала, я бы просто пошел с DataTables.net , который, кажется, имеет более богатый API для выполнения подобных задач. На самом деле, я бы посоветовал пройти этот маршрут, прежде чем ты станешь безумным!

Answer 2

Добавляемая строка (tr) должна иметь тег стиля "display: table-row;"