Javascript 已清除自定义筛选器，但无法重新绘制数据表

我为我的数据表创建了一个自定义过滤器。过滤器相应地工作；我可以输入一些文本，datatable将找到任何匹配的记录

问题是，如果用户输入文本，导航到另一个屏幕，然后返回到datatable页面，datatable仍然显示从筛选器搜索返回的记录，即使筛选器搜索中的文本不再可见

用户可以点击过滤器并按下backspace按钮来清除搜索，但他们不必这样做

我尝试了以下方法：

$(document).ready(function()
{
  $('.searchFilter').val('');  // <-- clears the customer search filter
  $('input[type=search]').val(''); // <-- thought this would help
  var table = $('#example1').DataTable();
  table.search('').draw(); // <-- redraw the datatable
});

不幸的是，这也不起作用

---

我错过什么了吗？为什么数据表不重新加载？如何解决此问题？

我会清除表格以开始，这样您就不会出现此问题

$(document).ready(function()
{
  $('.searchFilter').val('');  // <-- clears the customer search filter
  $('input[type=search]').val(''); // <-- thought this would help
  var table = $('#example1').DataTable();
  table.clear() // <-- table is cleared
  table.search('').draw(); // <-- redraw the datatable
});

---

当您调试它并逐步完成它时会发生什么。在table.clear之后，是否清除表？表不清除。这没有任何意义。当您执行console.logtable时，是否所有的表数据都会返回？我刚刚发现问题。。。。stateSave已设置为true。。。嗯。。。。我对自己很失望。。。。我会投你一票，感谢你花时间帮助我。谢谢你，先生。很高兴你明白了！

$(document).ready(function()
{
  $('.searchFilter').val('');  // <-- clears the customer search filter
  $('input[type=search]').val(''); // <-- thought this would help
  var table = $('#example1').DataTable();
  table.clear() // <-- table is cleared
  table.search('').draw(); // <-- redraw the datatable
});