0

I want a table:

  • to remain in view without scrolling, if the length of the cells would make it too wide to display (the texts can be variable) .. so that is basic table/cell sizing behavior
  • that does NOT wrap cell texts, but uses overflow instead (double lines make rows unequal in height and hard to read/scan)
  • to keep cells that have narrow content (icon, date, etc) not to take up too much space, but need to take up just what they need (again: basic table behavior)

The problem:
The combination of 100% width table and table-layout:fixed makes each cell's width equal(!), which is not needed, some cells now take up useless white-space.

I'd not like to go into selectively having to set widths of cells that should be less wide for example.

Improve this question
4
  • This is impossible. We cannot add anything more. Commented Jul 29, 2014 at 21:24
  • I guess you will just have to swallow your pride and give each table cell a width in percents explicitly. Commented Jul 30, 2014 at 6:16
  • I re-entered the realm of HTML/CSS after some time. I was surprised by how much better CSS3 and HTML5 have become. I kind of hoped this was something I had missed .. :'( Commented Aug 12, 2014 at 8:15
  • not exactly the solution but one that works as a compromise is to define max widths based on the number of cells: lea.verou.me/2011/01/… Commented Oct 8, 2015 at 9:35
Related questions
1
Flexible table with overflown content hidden
2
Table cells with overflow: hidden and absolutely positioned elements
2
How to use overflow:hidden; text-overflow:ellipsis; inside a table with percentage widths
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.