Les bases

Les tableaux sont cr��s en utilisant le caract�re pipe deux fois: | |. Une ligne commencant par ce signe indique le d�but d'une ligne d'un tableau. L'apparition de ce signe dans le reste de la ligne indique la pr�sence d'une cellule du tableau. Une bordure a �t� ajout�e pour des raisons de lisibilit�, mais par d�faut, il n'y a pas de bordure.

exemple 1. Tableau simple

Ce code wiki:

 || border=1
 || cellule1 || cellule2 || cellule3 ||
 || cellule1 || cellule2 || cellule3 ||

cr�e ce tableau:

cellule1	cellule2	cellule3
cellule1	cellule2	cellule3

Alignement du contenu des cellules

Le contenu d'une cellule peut �tre align� � droite, � gauche ou centr�.

• Pour aligner � gauche, placer le contenu de la cellule contre le || pr�cedent.
• Pour centrer le contenu de la cellule, placer un espace avant et apr�s le contenu de la cellule.
• Pour aligner � droite, placer le contenu de la cellule contre le || suivant.

Exemple 2. Modifier l'alignement du contenu des cellules.

Ce code wiki:

 || border=1 width=100%
 ||cellule 1       || cellule 2   ||        cellule 3||
 ||align� � gauche || centr� || align� � droite||

Cr�e ce tableau:

cellule 1	cellule 2	cellule 3
align� � gauche	centr�	align� � droite

Formatage des tableaux

En option, la premi�re ligne du tableau peut contenir certains param�tres de formatage tels que border (la bordure), width (la largeur), alignment (l'alignement), bgcolor (la couleur de fond), cellpadding (espace entre le contenu et le bord d'une cellule) et cellspacing (espace entre les cellules). 'Width' est exprim� en pourcentage ou en pixels. Les couleurs peuvent �tre sp�cifi�es par leur noms ou par leur repr�sentation en code HTML.

Exemple 1. Changement de bordure et alignement.

Ce code wiki:

    
    || border=10 align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1	cell 2	cell 3
cell 1	cell 2	cell 3

Exemple 2. Changement de couleur.

Ce code wiki:

    
    || border=1 bgcolor=red align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1	cell 2	cell 3
cell 1	cell 2	cell 3

Exemple 3. Changement de largeur exprim�e en pourcentage.

Ce code wiki:

    
    || border=1 width=100% bgcolor=yellow
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1	cell 2	cell 3
cell 1	cell 2	cell 3

Exemple 4. Changement de largeur exprim�e en pixel et de couleur exprim�e en HTML.

Ce code wiki:

    
    || border=1 width=350 bgcolor=#CCCCCC align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1	cell 2	cell 3
cell 1	cell 2	cell 3

Exemple 5. Changement de la largeur entre le contenu et la bordure d'une cellule.

Ce code wiki:

    
    || border=1 width=350 cellpadding=10 align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1	cell 2	cell 3
cell 1	cell 2	cell 3

Exemple 6. Changement de l'espace entre les cellules.

Ce code wiki:

    
    || border=1 width=350 cellspacing=10 align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1	cell 2	cell 3
cell 1	cell 2	cell 3

---

<< | Index documentation? | >>

---

Traduction de PmWiki:SimpleTables - page originale sur PmWiki:PmWikiFr.TableauxSimples