2010-12-03 11 views
57

Je crée une table en HTML et j'aimerais que ma cellule supérieure ait la largeur de deux. Voici un dessin approximatif:Fusionner deux cellules de tableau HTML

__________________________________________ 
|    HEADER     | 
|          | 
========================================== 
|     ||     | 
|  CONTENT  ||  CONTENT  | 
|     ||     | 
------------------------------------------ 

Y a-t-il un moyen d'accomplir cela en HTML?

Répondre

97

Ajoutez un attribut colspan (abbriviation pour 'colonne span') dans votre cellule supérieure (<td>) et définissez sa valeur sur 2. Votre tableau doit ressembler à ce qui suit;

<table> 
    <tr> 
     <td colspan = "2"> 
      <!-- Merged Columns --> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      <!-- Column 1 --> 
     </td> 

     <td> 
      <!-- Column 2 --> 
     </td> 
    </tr> 
</table> 
1

utilisation colspan pour le faire

<td colspan="3">PUR mix up column</td>