How To Clear Custom Filters AND Global Search

MagicSquares

I'm trying to include a button on my page that will clear both the custom filters I've built AND the global search box supplied by DataTables, and then re-draw the table.

This is the code I currently have that is triggered by clicking the pseudo-button (i.e. styled text):

$(document).ready(function() {
  $('#clearf').click(function(){
    $('.bs-filters').val('');
    $('input[type=search]').val('');
    var table = $('#bs-results').DataTable({
    retrieve: true
});
    table.draw();
  });
} );

This will clear the custom filters, and re-draw the table, but it doesn't clear the global search box.

If I remove the table.draw() statement, it will clear the custom filters AND the global search box, but it won't re-draw the table.

How can I get my button to do both?

Here's the debug, if it helps:

https://debug.datatables.net/onadod

Thanks!

Mark

allan

I would suggest using search() to clear the existing search term in DataTables - just pass in an empty string.

Allan