How can I truncate table cells, but fit as much as content possible?

by 
<table border="1" style="width: 100%;">
    <colgroup>
        <col width="100%" />
        <col width="0%" />
    </colgroup>
    <tr>
        <td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;">This cell has more content.This cell has more content.This cell has more content.This cell has more content.This cell has more content.This cell has more content.</td>
        <td style="white-space: nowrap;">Less content here.</td>
    </tr>
</table>

http://jsfiddle.net/7CURQ/

More Related Contents:

  1. How to display scroll bar onto a html table
  2. How to design a table like this
  3. How do I keep two side-by-side div elements the same height?
  4. How do I create an HTML table with a fixed/frozen left column and a scrollable body?
  5. Alternate table row color using CSS?
  6. Make background color extend into overflow area
  7. CSS3’s border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  8. Why doesn’t table > tr > td work when using the child selector?
  9. Table with fixed header and fixed column on pure css
  10. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  11. Fixed Table Cell Width
  12. CSS overflow:hidden with floats
  13. How to make fill height
  14. HTML table with horizontal scrolling (first column fixed)
  15. Position absolute and overflow hidden
  16. CSS table-cell equal width
  17. Setting table column width
  18. How to force table cell content to wrap?
  19. Table scroll with HTML and CSS [duplicate]
  20. How to center the contents of an HTML table?
  21. How to hide Table Row Overflow?
  22. Min-width and max-height for table attributes
  23. Can overflow:hidden affect layout?
  24. Generate scroll bar for overflow to the left
  25. How do I remove the horizontal scrollbar in a div?
  26. Removing unwanted table cell borders with CSS
  27. Yet Another Divs vs Tables issue: Forms
  28. Styling the last td in a table with css
  29. Setting max-height for table cell contents
  30. How to make a table with equal column widths in CSS?

Leave a Comment