Search

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

@allan - the code works, however, until now I am still stuck with the formatted output. It being ignored by "my" script.. I've changed the to: Цедриц Келли so added bold formatting, and now it cannot be searched.. Any ideas how to fix that? This is the only thing I need and it will be perfect!

One option to get the data from all the tables based on the search term is to use the search event for the first table. First get the search term using search(). Use rows().data() with the row-selector as a function for all the tables. Check if the search term is contained within the row or certain columns as required. Kevin

Thanks very much.