Responsive extension and table-layout: fixed don't like each other
Responsive extension and table-layout: fixed don't like each other
waclawjacek
Posts: 1Questions: 1Answers: 0
Hey!
First of all, neat library! Thanks!
I came across some strange behaviour when using the Responsive extension along with table-layout: fixed - the last columns in my table act very glitchy. Some aren't displayed, they don't have proper widths, and when I resize the window, some columns disappear and other show up.
Here's a demo: https://jsfiddle.net/3q8fuu6q/
I'm using table-layout: fixed to make sure column widths are retained (I need that for pages that have multiple tables - I want the columns in each of them to be of same width), and the responsive extension to get those sweet expandable rows.
This discussion has been closed.
Answers
To be honest I'm not too surprised that it doesn't play nicely with
table-layout: fixedas that isn't something that I've tested with Responsive I'm afraid.Having said that, all of your columns are 20% width, so the browser should always be attempting to render them as 1/5 of the width of the table regardless of the width of the table. In such a case the table should never enter responsive mode (that it does appears to be a bug).
A
min-widthin addition to the relative width would probably be more useful.Allan