引导表过滤器控制 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);