Rendering errors when using responsive and TH with colspan

pclaar

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?

allan

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

pclaar

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...