使用 jQuery Tablesorter 向表中添加行時如何保留尋呼機狀態？

Question

我正在使用 tablesorter 插件： http ://tablesorter.com/docs/ 和 jquery 1.4.2

現在我的問題是這個。 用戶可以動態地將行添加到表中。 但這似乎弄亂了分頁。 像第一次一樣，它被添加到行的第一個“頁面”，但如果你要轉到第二頁然后你又回到第一頁。 你新的記錄不見了。 我不知道它去了哪里，但它已經消失了。

我試着這樣做

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

因此，我嘗試取消綁定尋呼機單擊方法並進行觸發器更新，但這似乎不起作用。 然后我嘗試在上述 3 行之后添加此行。

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

但它似乎也無能為力。

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

Answer 1

這是因為 TableSorterPager 存儲表行的緩存數組，然后銷毀/重新創建僅顯示緩存中“有趣”行的表 - 取決於所選頁面。

我之前在工作中遇到過這個問題，除了我在 Pager 和 TableSorter 之上還有 TableSorterFilter 插件。 最后我終於讓它工作了，但是修改插件代碼需要付出很多努力。

如果我要重新開始，我會選擇DataTables.net ，它似乎有更豐富的 API 來處理這些類型的事情。 事實上，我建議在你發瘋之前走這條路！

Answer 2

您要添加的行 (tr) 必須具有樣式標記“display:table-row;”