Fixed Table Cell Width

by

You could try using the <col> tag manage table styling for all rows but you will need to set the table-layout:fixed style on the <table> or the tables css class and set the overflow style for the cells

http://www.w3schools.com/TAGS/tag_col.asp

<table class="fixed">
    <col width="20px" />
    <col width="30px" />
    <col width="40px" />
    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table>

and this be your CSS

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

More Related Contents:

  1. Yet Another Divs vs Tables issue: Forms
  2. Set cellpadding and cellspacing in CSS?
  3. How to center an element horizontally and vertically
  4. How do you keep parents of floated elements from collapsing? [duplicate]
  5. CSS: Width in percentage and Borders
  6. Word-wrap in an HTML table
  7. How to deal with page breaks when printing a large HTML table
  8. HTML/CSS: Making two floating divs the same height
  9. Make a div fill the height of the remaining screen space
  10. Fixed header table with horizontal scrollbar and vertical scrollbar on
  11. Add a horizontal scrollbar to an HTML table
  12. Wrap text in tag
  13. Position absolute and overflow hidden
  14. Rounded table corners CSS only
  15. using text-align center in colgroup
  16. Difference between position:sticky and position:fixed?
  17. Can a span be closed using ?
  18. Giving a border to an HTML table row,
  19. overflow:scroll; in
  20. How can I apply a border only inside a table?
  21. Equivalent to float in Outlook
  22. Table overflowing outside of div
  23. 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?
  24. Should Tables be avoided in HTML at any cost?
  25. CSS: display:block; vs display:table;
  26. Styling the last td in a table with css
  27. Balanced text wrapping in HTML
  28. CSS margin pushing the body element
  29. Is it bad design to use table tags when displaying forms in html?
  30. How to make a table with equal column widths in CSS?

Leave a Comment