add a button to clear search field

bjh27

Is there a way to add a button next to the search filed that would clear the search field when clicked?

bhaulik

You can use the buttons API to listen for a click event and use jQuery in coordination to select the input in the search field and set it to an empty string when clicked

allan

The documentation for creating a custom button is available here. In this case you could use search() to clear the main search for the table - e.g.:

action: function ( e, dt, node, config ) {
  dt.search('').draw();
}

Allan

bjh27

Thanks!