Forum How do I...?

Put 2 table header rows with <th>s of different widths

amyd
In my table, I would like to have 2 header rows that repeat on each page, where the first row is one wide line, and the second row is made up of 5 shorter columns. In other words, I would like:

<thead>
<tr>
<th>Long Machine Name Preferably in One Line</th>
</tr>
<tr>
<th>Type;</th>
<th>Code</th>
<th>Diagnostic</th>
<th>Comments</th>
<th>ID</th>
</tr>
</thead>

The problem is, the <th> in the top row and the first <th> in the second row seem to be locked together in width. No matter what I do (give them each their own different widths for example) the:
<th>Long Machine Name Preferably in One Line</th>
and
<th>Type</th>
are the SAME width. How can I make these two field their own unique width? I've attached the full file.

Thank you!
A

  1. test1.html4.5 kB
mikeday
How about applying colspan="5" to the first th?
amyd
That works! I'd overlooked the "colspan" info. THANK YOU so much!