javascript - 清除了自定义过滤器但无法重绘数据表

Question

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

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

用户可以单击过滤器并按退格按钮来清除搜索，但他们不必这样做。

我尝试过以下方法:

$(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
});

上面的方法不起作用。

我什至尝试过这个:

$(window).on('load', function()
{
  // same code as above
});

不幸的是，这也不起作用。

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

Answer 1

我会先清除表格，这样您就不会遇到此问题。

$(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
});