How to hide Table Row Overflow?

by

Need to specify two attributes, table-layout:fixed on table and white-space:nowrap; on the cells. You also need to move the overflow:hidden; to the cells too

table { width:250px;table-layout:fixed; }
table tr { height:1em;  }
td { overflow:hidden;white-space:nowrap;  }

Here’s a Demo . Tested in Firefox 3.5.3 and IE 7

More Related Contents:

  1. Set cellpadding and cellspacing in CSS?
  2. Word-wrap in an HTML table
  3. Table fixed header and scrollable body
  4. How to deal with page breaks when printing a large HTML table
  5. HTML/CSS: Making two floating divs the same height
  6. Make a div fill the height of the remaining screen space
  7. Fixed header table with horizontal scrollbar and vertical scrollbar on
  8. Add border-bottom to table row
  9. How to remove unwanted space between rows and columns in table?
  10. How to make Scrollable Table with fixed headers using CSS [duplicate]
  11. How can I set the max-width of a table cell using percentages?
  12. Add a horizontal scrollbar to an HTML table
  13. using text-align center in colgroup
  14. How can I truncate table cells, but fit as much as content possible?
  15. Setting table column width
  16. How to force table cell content to wrap?
  17. Table scroll with HTML and CSS [duplicate]
  18. How to center the contents of an HTML table?
  19. overflow:scroll; in
  20. Linethrough/strikethrough a whole HTML table row
  21. Equivalent to float in Outlook
  22. Why is box-sizing acting different on table vs div?
  23. Table overflowing outside of div
  24. The border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  25. Border around tr element doesn’t show?
  26. How to completely remove borders from HTML table
  27. with fixed and scrollable [duplicate]
  28. CSS: display:block; vs display:table;
  29. Splitting a table cell into two columns in HTML
  30. Table vertical header?

Leave a Comment