Two rows in THEAD (for sorting and filtering) and Responsive behavior
Two rows in THEAD (for sorting and filtering) and Responsive behavior
Lolo
Posts: 42Questions: 7Answers: 1
Hello,
I would like to have two row in my header.
One for filtering and another one for sorting columns.
You can find an working example here : https://jsfiddle.net/0hoxy40o/
In this example, it works quite well but as you can see, input text in header (the second line) are not correctly hidden with responsive whereas header columns in the first one are correctly hidden.
I have tried to invert the header row but there is always the same behavior.
Is it a bug?
Do you have an idea how I can do it?
Thanks in advance and have a nice day.
Lolo.
This discussion has been closed.
Replies
Does DataTables support officially Responsive design with two or more rows in header?
Otherwise, is there any trick I can do to hide the input fields myself?
Check out this plugin https://github.com/vedmack/yadcf, i think it will server you better and shouldn't need separate rows.
Unfortunately, currently no. This is a missing feature in Responsive 2 which I need to address. Responsive 2.1 should see that done, but I'm not sure when I'll get a chance to implement that I'm afraid.
Allan
Thank you jr42.gordon, I will have a look to this plugin.
Thank you allan for your answer. I will wait for the next Response version and I will see if it is available or not.
Thanks a lot for your amazing work!!!
Allan, any news about this feature availability ?
Not yet sorry - I've been working on other things. The releases feed will contain an announcement when Responsive is updated to support complex headers.
Allan