Can I have one HTML table header be over two table columns? Like merge and center in Excel?

html html-table center tableheader
Lizza picture Lizza · Jan 25, 2012 · Viewed 54.2k times · Source

I want to have one table header be centered over two table columns side by side. Is this possible?

Answer

SpoonNZ picture SpoonNZ · Jan 25, 2012

<th colspan="2">. This .</th>

To extrapolate a bit...

<table>
  <thead>
    <tr>
      <th>Single Column</th>
      <th colspan="2">Double Column</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Column One</td>
      <td>Column Two</td>
      <td>Column Three</td>
    </tr>
  </tbody>
</table>

That should give you enough to work from.

Related questions

How to put table in the center of the page using CSS?

I am using the following code. How to put this table in the center of the page using CSS? <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" …

Read More
Center text in table cell

I can't seem to find the answer to my issue. I have a table with two rows and two columns (like the code shown below), how do I center align the text in specific cells. I would like to center …

Read More
How to align a div inside td element using CSS class

It is working with this way <td align="center"> But I want to use CSS class. I defined class like this way but no luck td { vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; align: center; } Vertical align …

Read More