Deux niveaux de lignes dans un tableau HTML avec une largeur fixe <thead>?

Question

J'ai une table avec des colonnes de largeur fixe:

<table width="100%" cellpadding="0" cellspacing="0"> 
    <thead> 
     <tr> 
      <th>Title</th> 
      <th>Description</th> 
      <th>Hours</th> 
      <th>Rate</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td style="width:100px"></td> 
      ... 
    </tbody> 
</table> 

Ce qui est bien, mais maintenant je veux avoir la description apparaît sur la ligne ci-dessous « Titre, Heures, Rate » afin qu'il puisse être plus long, sans doute la largeur de la table. Quelque chose comme ceci:

| Title | Hours | Rate | 
------------------------------------------ 
| A title  | Some hours | A rate  | <- This is a row 
| A long description would go here... | <- This is the same row 
------------------------------------------ 
So on... 

Je voudrais toujours me référer à cela comme une seule "rangée" dans le tableau. Ceci est juste une préférence d'affichage. Que devrais-je faire pour y parvenir?

Answer 1

Colspan fera ce que vous voulez qu'il fasse.

<tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td colspan="4">long description</td> 
</tr>