24 décembre 2005
Bon réveillon - Fusion de cellules d'un tableau
Aujourd'hui, fusion de cellules, on va faire au plus simple. Tout se joue au niveau des options rowspan (fusion de ligne) et colspan (fusion de colonne). La valeur affectée à l'option correspond aux nombres de cellules concernées. Voici le code que je me suis amusée à créer en tentant de montrer tous les cas:
<table border=5 cellpadding=5> <caption>Exemple</caption> <tr><th>Nom Ligne</th><th>Colonne 1</th><th>Colonne 2</th>
<th>Colonne 3</th><th>Colonne 4</th></tr> <tr><th>Ligne 1</th><td> </td>
<td colspan=2>Fusion ligne 1 colonne 2 et 3</td><td> </td></tr> <tr><th>Ligne 2</th><td> </td><td> </td><td> </td><td> </td></tr> <tr rowspan=2><th>Fusion Ligne 3 et 4</th><td> </td><td> </td> <td rowspan=2 colspan=2>Fusion Ligne 3-4-5 et Colonne 4-5</td></tr> <tr><th>Ligne 5</th><td> </td><td> </td></tr> </table>
Nom Ligne | Colonne 1 | Colonne 2 | Colonne 3 | Colonne 4 |
---|---|---|---|---|
Ligne 1 | Fusion ligne 1 colonne 2 et 3 | |||
Ligne 2 | ||||
Fusion Ligne 3 et 4 | Fusion Ligne 3-4-5 et Colonne 4-5 | |||
Ligne 5 |
Publicité
Publicité
Commentaires