Créer un tableau dans un billet

Publié le par Ako

Construire un tableau dans un billet n'est pas compliqué en soi, juste un peu plus "barbant" que de le créer dans excel.
Le grand avantage c'est qu'en principe la taille du tableau et des cellules s'adaptent automatiquement aux données. Mais si vous le souhaitez, vous pouvez toujours définir sa largeur (WIDTH) et sa hauteur (HEIGHT).

De toute façon, il y a deux balises à utiliser TABLE (où on spécifiera justement les caractéristiques du tableau, son alignement dans le billet, etc) et TBODY (pour le corps du tableau). Ensuite, bah faut créer le tableau ligne par ligne.

On utilisera la balise TH pour mettre le nom des cellules (si c'est nécessaire).

Pour les lignes, elles sont définies par la balise TR ; autrement dit, tant que cette balise n'est pas fermée, la ligne du tableau n'est pas close !!!
Le contenu des colonnes se mettra entre les balises TD (ouverte et fermée)

Ce qui schématiquement, donne le code suivant :

<DIV>
<TABLE style="width:valeur ; height:valeur" align=valeur>
<TBODY>
<TR><TH>
<TR>
<TD>texte 1ere colonne</TD>
<TD>texte 2e colonne</TD>
etc... finir la ligne par </TR>

<TR>
<TD>... et finir </TR> et ainsi de suite pour toutes les lignes de votre tableau

Quand le tableau est "saisi", finir le code par </TBODY></TABLE></DIV>

Petits plus : des intitulés dans une cellule fusionnée

Il est possible aussi de mettre des intitulés (ou des données) dans une cellule faisant la largeur du tableau ou encore dans une cellule faisant la hauteur de deux ou plusieurs lignes.
On utilisera alors les attributs COLSPAN dans le premier cas et ROWSPAN dans le second.

pour un intitulé, cela donnera alors :
<TH colspan=nb de cellules au-dessus duquel sera inscrit l'intitulé (2,3...)>

pour d'autres données : on utilisera alors TD.

Le principe est le même avec ROWSPAN.

Allez au travail maintenant !!!

 

 

Publié dans Astuces

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article