Preventing HTML table from resizing overflow

Question

I have searched for this for so long but no luck.

How can I prevent an html table from re-sizing when elements (other tables ) are inside of it I want the elements to overflow from the table when necessary.

 table-layout:fixed;

The above does not work.

its not exactly clear to me what you want...are you trying to make an initial layout and overflow outside the table, or do you want it to behave like a word wrap? in that case just put an explicit width:500px for example... — Timmerz
– Timmerz, Commented Apr 24, 2013 at 16:38
ok the width of the table is 300 and the height is 400. as I add other tables inside the main table the total size of the tables inside the main table add up to more than 400 instead of the table re-sizing to fit the elements inside I want them to overflow — Bob Sanders
– Bob Sanders, Commented Apr 24, 2013 at 16:46
it would be good if you posted the relevant code as well or created a jsfiddle. — Timmerz
– Timmerz, Commented Apr 24, 2013 at 16:52
Nested tables? Smells like you're using them for layout purposes. — cimmanon
– cimmanon, Commented Apr 24, 2013 at 17:25

Community · Accepted Answer · 2017-05-23 11:52:30Z

1

I got this from here.

You can use:

td {
    max-width:30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

EDIT: Ellipsis is optional based on what you want to do with the text.

http://jsfiddle.net/7K9jE/1/

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Apr 24, 2013 at 16:51

dewyze

9791 gold badge8 silver badges21 bronze badges

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

3 Comments

Bob Sanders Over a year ago

Can this be used for the height of the table as well?

dewyze Over a year ago

Can you be more specific? You have tables inside of tables? Is this the most efficient way to do this? It would be helpful to post come code.

snowe Over a year ago

this worked perfectly! I used max-width:auto; though

Collectives™ on Stack Overflow

Preventing HTML table from resizing overflow

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related