Search

Here is a simple example: https://live.datatables.net/tefugala/1/edit It uses columns.className to assign a classname that is used as part of the event handler selector. Kevin

Ahhh I tried with the new instance but not the "module" himself. Thanks.

Your test case has some errors and doesn't run. Create a click event handler for the buttons and in the event handler use column().search() to search for the appropriate data. I built a simple example to show one way of doing this: https://live.datatables.net/petepehu/1/edit Kevin

Can you link to a page showing the issue, per the forum rules please? Allan

The example in that thread actually appears to work for me: I'm not seeing any duplicate headers there? Allan

That is not a data tables related question, right. You'll find very many related threads on Stack Overflow. Depending on what date plug in you use (e.g. moment.js) you will prefer a different solution. Here is an example using moment.js: https://codepen.io/SitePoint/pen/eYmMjxG

I got my answer on stack exchange. Thanks. https://stackoverflow.com/questions/75631827/datatables-does-not-retain-the-selected-filter-column-values-if-the-value-has-sp

Resolved with columns.searchBuilderType: 'string' parameter

You could do something like this, here's the panes are stacked vertically alongside the table. Colin

I think you will want to move the keyup event handler outside the change event handler. Otherwise you will end up creating additional event handlers each time the code in line 7 is reached. Something like this: // Refilter the table $('#min, #max').on('change', function () { table.draw(); }); // Reload the dataTable on a delete event $('#min, #max').keyup(function(e){ if(e.keyCode == 46 || e.keyCode == 8) { table.draw(); } }); Kevin