Rendering errors when using responsive and TH with colspan

Rendering errors when using responsive and TH with colspan

pclaarpclaar Posts: 8Questions: 4Answers: 0

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?

Answers

  • allanallan Posts: 63,368Questions: 1Answers: 10,449 Site admin

    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

  • pclaarpclaar Posts: 8Questions: 4Answers: 0

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

This discussion has been closed.