Нужна помощь с Jquery TableSorter Пейджер плагин

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;»