How to show Jquery Datatable Individual column searching (select inputs) at the top of the table

evobyte

Hello,
Your Datatables plugin is very good, I've been using it for a while now and It is very usable. But I'm a little stuck in a place, I would be very helpful if you can help a little.

Our goal is to have a filter with dropdown for every column like this site (the filter is at the bottom of the table) >> https://demo.evobyte.ch/demo/datatable/V1.html

We need to have the filter at the header of the table, but as you can see in this site, everytime I am doing a filtering, is also happening the sorting of the column data. I want to put the filter outside the <th> for example before the header start, this will avoid to click the sorting icon, and make the filter working individually.

https://demo.evobyte.ch/demo/datatable/V2.html

I hope I will get a some solution from your side.

Thanks!

tangerine

Sounds like you need orderCellsTop.
https://datatables.net/reference/option/orderCellsTop