引導表過濾器控制 Header 行刷新問題

Question

我目前正在構建一個使用引導表（ https://bootstrap-table.com/ ）及其過濾器控制擴展的應用程序，以便每列都有自己的搜索字段。 搜索后，我通過引導表的 AJAX 選項從服務器加載結果。 我遇到的問題是包含搜索字段的 header 行似乎也已刷新，這在鍵入時會導致問題。

例如，我有兩列，firstName 和 lastName。 我將輸入 firstName，然后使用鼠標切換到 lastName。 與此同時，AJAX 請求開始。 然后我開始輸入姓氏以進一步過濾結果。 仍在鍵入時，AJAX 完成並刷新表，包括包含過濾器輸入的 header 行。 我在這個過程中輸入的所有字母 go 都丟失了，感覺也有點遲鈍。 我已經實現了一個節流閥，但是根據輸入更多過濾器的時間，問題仍然存在。

是否有任何選項可以防止這種情況發生，比如只刷新表內容，而不是表 header 行？

謝謝！

Answer 1

正如您所提到的，更好的選擇是始終在頁面上顯示 header，但僅從 Ajax 調用刷新表體，而保持 header 不變。

在 Ajax 調用的成功方法中，您可以進行所需的任何處理，然后更新表體的 HTML，例如：

$('table tbody').html(result);