Tableaux

Auteurs (basique)

PmWiki a deux types de tableaux. Les balises décrites dans cette page créent vite et facilement des tableaux simples, avec de nombreuses petites cellules. La page Tableaux évolués aide pour des tableaux plus grands avec plus de contrôle sur chaque cellule.

Les bases

Les tableaux sont créés en utilisant la barre verticale (pipe) deux fois: ||. Une ligne commençant 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.

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

La première ligne de la balise contient des commandes de mise en forme du tableau (bordures, styles). Elle n'a qu'au début les deux barres verticales.

Des entêtes peuvent être créés en plaçant ! au début de la cellule.

|| border=1
||! entête1 ||! entête2 ||! entête3 ||
|| cellule1 || cellule2 || cellule3 ||
entête1entête2entête3
cellule1cellule2cellule3

Le tableau peut avoir une légende (ou titre), si sa première ligne est entourée de ||!...!||

|| border=1
||! Voici le titre du tableau      !||
|| cellule1 || cellule2 || cellule3 ||
|| cellule1 || cellule2 || cellule3 ||
Voici le titre du tableau
cellule1cellule2cellule3
cellule1cellule2cellule3

Alignement du contenu des cellules

Le contenu d'une cellule peut être aligné à droite, à gauche ou centré.

  • Pour centrer le contenu de la cellule, laisser des espaces à gauche et à droite.
  • Pour aligner à gauche, placer le contenu de la cellule contre la bordure || gauche, et laisser des espaces à droite.
  • Pour aligner à droite, placer le contenu de la cellule contre la bordure || droite, et laisser des espaces à gauche.
|| border=1 width=100%
||!entête    ||! entête  ||!   entête||
||à gauche   ||  centré  ||  à droite||
entêteentêteentête
à gauchecentréà droite

Cellules fusionnées

Pour qu'une cellule s'étende sur plusieurs colonnes, suivez-la de cellules vides.

|| border=1 width=100%
||!  gauche ||! milieu ||! droite  ||
|| cellule fusionnée ||||          ||
||          || cellule fusionnée ||||
||      toute la largeur       ||||||
gauchemilieudroite
cellule fusionnée 
 cellule fusionnée
toute la largeur

Pour fusionner des cellules verticalement sur plusieurs lignes, voyez le module Cookbook:RowspanInSimpleTables (en anglais).

Formatage des tableaux

La première ligne du tableau peut contenir certains paramètres de formatage tels que border (la bordure), width (la largeur), align (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.

Changement de bordure, d'alignement et de couleur de fond
|| border=10 align=center bgcolor=red
|| cell 1 || cell 2 ||
|| cell 1 || cell 2 ||
cell 1cell 2
cell 1cell 2
Changement de largeur (en pourcentage)
|| border=1  width=100% bgcolor=#cccccc
|| cell 1 || cell 2 ||
|| cell 1 || cell 2 ||
cell 1cell 2
cell 1cell 2
Changement de largeur (en pixels)
|| border=1  width=350
|| cell 1 || cell 2 ||
|| cell 1 || cell 2 ||
cell 1cell 2
cell 1cell 2
Changement de 'cellpadding'
|| border=1  width=350 cellpadding=10
|| cell 1 || cell 2 ||
|| cell 1 || cell 2 ||
cell 1cell 2
cell 1cell 2

"Cellpadding" définit l'espace (en pixels) entre le contenu et la bordure d'une cellule.

Changement de 'cellspacing'
|| border=1  width=350 cellspacing=10
|| cell 1 || cell 2 ||
|| cell 1 || cell 2 ||
cell 1cell 2
cell 1cell 2

"Cellspacing" définit l'espace (en pixels) entre les bordures de deux cellules.


<< Fichiers joints | Index de la documentation | Tableaux évolués >>


Traduction de PmWiki.Tables Page originale sur PmWikiFr.Tables - Backlinks
Dernières modifications:
PmWikiFr.Tables: September 10, 2011, at 05:40 PM
PmWiki.Tables: October 22, 2022, at 08:02 PM