Splitting a table cell into two columns in HTML

by

Like this http://jsfiddle.net/8ha9e/1/

Add colspan="2" to the 3rd <th> and then have 4 <td>‘s in your second row.

<table border="1">
  <tr>
    <th scope="col">Header</th>
    <th scope="col">Header</th>
    <th scope="col" colspan="2">Header</th>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <!-- The following two cells will appear under the same header -->
    <td>Col 1</td>
    <td>Col 2</td>
  </tr>
</table>

More Related Contents:

  1. How to design a table like this
  2. How do I keep two side-by-side div elements the same height?
  3. How do I create an HTML table with a fixed/frozen left column and a scrollable body?
  4. Table fixed header and scrollable body
  5. Alternate table row color using CSS?
  6. 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?
  7. Make a div fill the height of the remaining screen space
  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. How to display scroll bar onto a html table
  11. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  12. Fixed Table Cell Width
  13. Add border-bottom to table row
  14. How to make fill height
  15. How to remove unwanted space between rows and columns in table?
  16. How to make Scrollable Table with fixed headers using CSS [duplicate]
  17. Wrap text in tag
  18. CSS table-cell equal width
  19. Rounded table corners CSS only
  20. How can I truncate table cells, but fit as much as content possible?
  21. Setting table column width
  22. How to force table cell content to wrap?
  23. Table scroll with HTML and CSS [duplicate]
  24. How to center the contents of an HTML table?
  25. How to hide Table Row Overflow?
  26. Giving a border to an HTML table row,
  27. Min-width and max-height for table attributes
  28. How can I apply a border only inside a table?
  29. Equivalent to float in Outlook
  30. Why is box-sizing acting different on table vs div?

Leave a Comment