Show Dropdown search under table headings

Hi,

thanks for your question, and sorry for the trouble.

Unfortunately, I don’t know a direct solution for this, sorry.
The ColumnFilterWidgets Extension is based on an add-on for the DataTables JS library, see https://legacy.datatables.net/extras/thirdparty/ColumnFilterWidgets/DataTables/extras/ColumnFilterWidgets/ From what I know (I’m not that add-on’s developer), it will always place the drop-downs above the table/

Now, you could maybe experiment with a different Extension:
https://tablepress.org/extensions/datatables-column-filter/
That is also based on a DataTables add-on, see https://jquery-datatables-column-filter.googlecode.com/svn/trunk/default.html , and as that is already placing input fields (or drop downs) inside the table, it might be possible to modify that JavaScript code to place the drop downs in the header row as well, but I’m not sure.

Regards,
Tobias

Thanks for the quick reply, unfortuantely I just installed the plugin you suggested and didn’t work out for me, so I’ll just continue using the columnfilterwidgets plugin.

One more issue though, I want to change one of the dropdowns for a particular column to an input field instead of a drop down search. How would I go about doing this?

Thanks.

Hi,

I’ll have to answer with pretty much the same ?? I don’t think that the ColumnFilterWidgets JS code allows this. You would have to check the code, or possibly develop a custom solution, based on the JS code of the two add-ons.

Regards,
Tobias

I’m not very well versed when it comes to advanced coding I’m afraid. I’d have to work with the plugin as it is. But thanks anyway.

Hi,

no problem. Sorry that I couldn’t help with a solution here.
But as I’m not the developer of those JS libraries, I just don’t know all the features that they offer ??

Best wishes,
Tobias