How to make a table with equal column widths in CSS?

by

You can set table-layout: fixed; on your table. Using this you can override the browser’s automatic column resizing. Then column widths will be set based on the widths that you assign to the cells in the first row.

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. How to hide Table Row Overflow?
  20. Min-width and max-height for table attributes
  21. Linethrough/strikethrough a whole HTML table row
  22. Why is box-sizing acting different on table vs div?
  23. Table overflowing outside of div
  24. Border around tr element doesn’t show?
  25. How to completely remove borders from HTML table
  26. with fixed and scrollable [duplicate]
  27. CSS: display:block; vs display:table;
  28. Yet Another Divs vs Tables issue: Forms
  29. Styling the last td in a table with css
  30. Setting max-height for table cell contents

Leave a Comment