Créer un tableau : Différence entre versions
m (ajouts collapsible/collapsed/alternance) |
m (→Formatage de cellule) |
||
Ligne 120 : | Ligne 120 : | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | bgcolor="#80c0ff" | Nom de colonne | + | | width="80%" bgcolor="#80c0ff" | Nom de colonne |
| bgcolor="orange" | Nom de colonne | | bgcolor="orange" | Nom de colonne | ||
|- | |- |
Version du 21 novembre 2012 à 02:12
Les tableaux sont des outils très utiles dès lors qu'il s'agit d'organiser et présenter des informations. Le but de cette page est de vous expliquer comment créer simplement un tableau et quelles sont les possibilités à votre disposition en la matière (couleurs, etc.). Un tableau, c'est avant tout décider ce que vous voulez faire : selon que vous vouliez qu'il soit aligné à droite, à gauche ou centré, par exemple, vous n'utiliserez pas les mêmes paramètres. Pareil pour la largeur, que vous pouvez paramétrer pour qu'elle soit fixe ou un % de l'espace disponible.
Marqueurs de tableau
Pour créer un tableau, vous devez utiliser les marqueurs suivants :
Elément | Fonction |
{| | Début de tableau |
|- | Séparateur (début de nouvelle ligne), à ne pas utiliser entre les noms de colonnes |
| | Cellule de donnée ou séparateur de paramètres |
|| | Les cellules de données consécutives (même ligne) d'un tableau peuvent être séparées par || |
|} | Fermeture de tableau. |
Exemple de tableau :
Nom de colonne | Nom de colonne |
Blabla | Bloblo |
Syntaxe utilisée :
{| class="wikitable"
| Nom de colonne
| Nom de colonne
|-
| Blabla || Bloblo
|}
Formatage de tableau
Il est possible d'utiliser certains paramètres prédéfinis pour gagner du temps (paramètre class=), de formater l'agencement des cellules (fusion de cellules), et de configurer la largeur du tableau, entre autres choses utiles.
Elément | Fonction |
class="n" | Où n est un paramètre prédéfini, comme wikitable (voir plus bas) |
colspan="n" | Où n est le nombre de cellules adjacentes fusionnées |
width="n%" | Dans la ligne de début du tableau, pour configurer la largeur de celui-ci |
Paramètres class="n" | |
wikitable | Tableau et texte alignés à gauche |
wikitable centre | Tableau et texte centré |
wikitable droite | Tableau aligné à droite et texte centré |
wikitable gauche | Tableau aligné à gauche et texte centré |
Pas de class= | Tableau et texte alignés à gauche sans bordure |
alternance | Dans la ligne de début du tableau, pour alterner gris et blanc dans le corps du tableau |
alternance2 | Pareil, pour un nombre pair de colonnes |
mw-collapsible | Le tableau peut être réduit |
mw-collapsed | (nécessite mw-collapsible) Le tableau est réduit par défaut |
Exemple de tableau :
Nom de colonne | Nom de colonne |
Blabla | Bloblo |
Blip | Bloup |
Blob | |
Glop | Glip |
Plip | Plop |
Syntaxe utilisée :
{| class="wikitable centre alternance mw-collapsible mw-collapsed" width="60%"
| bgcolor="#80c0ff" | Nom de colonne
| bgcolor="orange" | Nom de colonne
|-
| Blabla || Bloblo
|-
| Blip || Bloup
|-
| colspan="2" | Blob
|}
Formatage de cellule
Il est possible de changer le formatage d'une cellule en utilisant les paramètres listés ci-après. Notez que vous ne pouvez le faire que dans les cellules de données (celles qui commencent par un |), et que vous devez séparer paramètres et données par un |.
Elément | Fonction |
width="n%" | Où n est la largeur en % du tableau de la cellule |
bgcolor="#hexa" | Où #hexa est la valeur hexadécimale de la couleur choisie |
bgcolor="nom de couleur" | Certaines couleurs sont prédéfinies, ie ont un nom (pas d'hexadécimal nécessaire) |
Exemple de tableau :
Nom de colonne | Nom de colonne |
Blabla | Bloblo |
Syntaxe utilisée :
{| class="wikitable"
| bgcolor="#80c0ff" | Nom de colonne
| bgcolor="orange" | Nom de colonne
|-
| Blabla || Bloblo
|}