Setting table column widths CSS

Question

Want to start off by saying I have tried this method with no success, it could be because I am doing it wrong idk...

So I have a 7 column table and my issue is that my 2nd column (TX4200) does not have a colspan but the width of that column seems to be bigger than I would like and as a result the other columns are suffering. I am thinking because of the type of layout my table has the auto-width algorithm is having some issues, so I want to try and take this on by brute force.

Things I have tried

table-layout: fixed

Setting the table width: 1000px; but even then the TX column still takes up the most space

min-width & max-width didn't do anything

Here is my fiddle http://jsfiddle.net/8Xy24/1/

Any help is much appreciated! Thanks in advance.

SW4 · Accepted Answer · 2013-12-17 15:38:55Z

2

You likely want to look at setting either the overflow to hidden or word-wrap to break-word in conjunction with the max-width for the cells in question depending on the kind of behaviour you want.

answered Dec 17, 2013 at 15:38

SW4

71.5k20 gold badges137 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

man · Accepted Answer · 2013-12-17 15:32:42Z

0

There you go:

http://jsfiddle.net/8Xy24/2/

I just added a td width:

td {
    width:50px;
}

answered Dec 17, 2013 at 15:32

man

2293 silver badges15 bronze badges

3 Comments

Adjit Over a year ago

but that doesn't really make sense... none of the columns are 50px wide...I mean it works, I would still need to fiddle with it a bit but it makes no sense...

man Over a year ago

giving a td a width is like setting a min-width and without that, the table-layout: fixed won't really take effect.

Adjit Over a year ago

oh okay that makes sense now.

Collectives™ on Stack Overflow

Setting table column widths CSS

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related