Multi filter search not responsive

RoloTomasi

Hi,

I think I have the same issue like this one.
https://datatables.net/forums/discussion/comment/73380/

For it is 5 years ago I hope there is a solution in the meantime.
That is my fiddle
https://jsfiddle.net/RoloTomasi/uqyrbv8h/58/.

Is there a possibility to make the Multi filter search responsive?
It sholuld go in the next row like the columnheader.

Thanks in advance

kthorngren

Are you saying you want the search input to be placed in the child details when the column is hidden? If so you would use a child row renderer to render the detail rows as you like. Here is an example:
https://datatables.net/extensions/responsive/examples/child-rows/custom-renderer.html

Kevin

RoloTomasi

Not if the colums is hidden.
If the column is hidden, I don't want to see the Multi filter search of the columns.

But:
If the column is not hidden but the device is too small, the Multi Search Filter should no longer be displayed at the right end of the table, while the other columns like title and data jump responsive in the child row.
Take a look at the Multi filter search columns "Tordifferenz" and "Torsumme". They sholuld not be displayed there
https://jsfiddle.net/RoloTomasi/uqyrbv8h/60/

Rolo

kthorngren

I see. Datatables doesn't know anything about the second header row. Its up to you to handle adding and removing the search inputs as the columns are hidden/displayed. See the example from this thread. Its using select inputs but the idea is the same.

Doesn't look like you have included the responsive extension library in your example.

Kevin