Edit the search bar design

tux57

Hello,

$('#Tab_filter').replaceWith("<div id='Tab_filter' class='dataTables_filter'><label>Search:<input class='' placeholder='Search' aria-controls='Tab' type='search'></label></div>");

I want to edit the search bar design with the following command but it does not work. The change of appearance is ok but the search does not work anymore .

A idea ?

Thank you

allan

If you replace the input element with your own input element, then yes, it won't automatically search the table since your new element doesn't have any events bound to it.

You'd need to bind a function which calls search() on input to it.

Allan