Rendering errors when using responsive and TH with colspan
Rendering errors when using responsive and TH with colspan
pclaar
Posts: 8Questions: 4Answers: 0
in Bug reports
I'm having trouble getting datatables to render properly using responsive where the table has multiple <th> rows:
Here's a simple fiddle to recreate the problem:
https://jsfiddle.net/xtap4eg6/
At full screen, the table renders properly. But if you make the browser dimensions smaller (to kick in the responsive resizing), the upper TH rows do not render properly. (Please see attached photo.)
Any thoughts about getting a work-around and/or fix?
This discussion has been closed.
Answers
Sorry - at the moment Responsive does not work with colspan. This is a known limitation that I hope to get time to resolve with a future release.
Allan
Thanks, Allan.
I did notice that the problem relates to data-priority columns. If something is de-prioritized into a child row due to data-priority, the topmost <th>'s colspan is not reduced.
FWIW...