Créer un tableau : Différence entre versions

De Aide Battle Arenas
(Page créée avec « Category:Aide 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 expli... »)
 
(cohérence)
 
(3 révisions intermédiaires par le même utilisateur non affichées)
Ligne 6 : Ligne 6 :
  
 
{| class="wikitable centre"  
 
{| class="wikitable centre"  
| width="15%" bgcolor="#80c0ff" | Elément
+
| width="15%" {{FB}}| Elément
| bgcolor="#80c0ff" | Fonction
+
| {{FB}} | Fonction
 
|-
 
|-
 
| <nowiki>{|</nowiki> || Début de tableau
 
| <nowiki>{|</nowiki> || Début de tableau
Ligne 42 : Ligne 42 :
  
 
{| class="wikitable centre"  
 
{| class="wikitable centre"  
| bgcolor="#80c0ff" | Elément
+
| {{FB}} | Elément
| bgcolor="#80c0ff" | Fonction
+
| {{FB}}  | Fonction
 
|-
 
|-
 
| <nowiki>class="n"</nowiki> || Où n est un paramètre prédéfini, comme wikitable (voir plus bas)
 
| <nowiki>class="n"</nowiki> || Où n est un paramètre prédéfini, comme wikitable (voir plus bas)
Ligne 51 : Ligne 51 :
 
| <nowiki>width="n%"</nowiki> || Dans la ligne de début du tableau, pour configurer la largeur de celui-ci
 
| <nowiki>width="n%"</nowiki> || Dans la ligne de début du tableau, pour configurer la largeur de celui-ci
 
|-
 
|-
| bgcolor="#80c0ff" colspan="2" | Paramètres class="n"
+
| {{FB}} colspan="2" | Paramètres class="n"
 
|-
 
|-
 
| wikitable || Tableau et texte alignés à gauche
 
| wikitable || Tableau et texte alignés à gauche
Ligne 62 : Ligne 62 :
 
|-
 
|-
 
| Pas de class= || Tableau et texte alignés à gauche sans bordure
 
| Pas de class= || Tableau et texte alignés à gauche sans bordure
 +
|-
 +
| <nowiki>alternance</nowiki> || Dans la ligne de début du tableau, pour alterner gris et blanc dans le corps du tableau
 +
|-
 +
| <nowiki>alternance2</nowiki> || Pareil, pour un nombre pair de colonnes
 +
|-
 +
| <nowiki>collapsible</nowiki> || Le tableau peut être réduit
 +
|-
 +
| <nowiki>collapsed</nowiki> || (nécessite collapsible) Le tableau est réduit par défaut
 
|}
 
|}
  
Ligne 67 : Ligne 75 :
 
Exemple de tableau :
 
Exemple de tableau :
  
{| class="wikitable centre" width="60%"
+
{| class="wikitable centre alternance collapsible collapsed" width="60%"
| bgcolor="#80c0ff" | Nom de colonne  
+
| {{FB}} | Nom de colonne  
| bgcolor="orange" | Nom de colonne
+
| {{FLE}} | Nom de colonne
 
|-
 
|-
 
| Blabla || Bloblo
 
| Blabla || Bloblo
Ligne 76 : Ligne 84 :
 
|-
 
|-
 
| colspan="2" | Blob
 
| colspan="2" | Blob
 +
|-
 +
| Glop || Glip
 +
|-
 +
| Plip || Plop
 
|}
 
|}
  
 
Syntaxe utilisée :  
 
Syntaxe utilisée :  
  
<nowiki>{| class="wikitable centre" width="60%"</nowiki><br>
+
<nowiki>{| class="wikitable centre alternance collapsible collapsed" width="60%"</nowiki><br>
<nowiki>| bgcolor="#80c0ff" | Nom de colonne </nowiki> <br>
+
<nowiki>| {{FB}} | Nom de colonne </nowiki> <br>
<nowiki>| bgcolor="orange" | Nom de colonne</nowiki><br>
+
<nowiki>| {{FLE}} | Nom de colonne</nowiki><br>
 
<nowiki>|-</nowiki><br>
 
<nowiki>|-</nowiki><br>
 
<nowiki>| Blabla || Bloblo</nowiki><br>
 
<nowiki>| Blabla || Bloblo</nowiki><br>
Ligne 95 : Ligne 107 :
  
 
{| class="wikitable centre"  
 
{| class="wikitable centre"  
| bgcolor="#80c0ff" | Elément
+
| {{FB}} | Elément
| bgcolor="#80c0ff" | Fonction
+
| {{FB}} | Fonction
 
|-
 
|-
 
| <nowiki>width="n%"</nowiki> || Où n est la largeur en % du tableau de la cellule
 
| <nowiki>width="n%"</nowiki> || Où n est la largeur en % du tableau de la cellule
Ligne 102 : Ligne 114 :
 
| <nowiki>bgcolor="#hexa"</nowiki> || Où #hexa est la valeur hexadécimale de la couleur choisie
 
| <nowiki>bgcolor="#hexa"</nowiki> || Où #hexa est la valeur hexadécimale de la couleur choisie
 
|-
 
|-
| <nowiki>bgcolor="nom de couleur"</nowiki> || Certaines couleurs sont prédéfinies, ie ont un nom (pas d'hexadécimal nécessaire)
+
| <nowiki>bgcolor="nom de couleur"</nowiki> || Certaines couleurs sont prédéfinies, ie ont un nom (pas d'hexadécimal nécessaire) ; voir aussi [[:Catégorie:Modèles de couleurs]]
 
|}
 
|}
  
Ligne 108 : Ligne 120 :
  
 
{| class="wikitable"
 
{| class="wikitable"
| bgcolor="#80c0ff" | Nom de colonne  
+
| width="80%" {{FB}} | Nom de colonne  
| bgcolor="orange" | Nom de colonne
+
| {{FLE}} | Nom de colonne
 
|-
 
|-
 
| bgcolor="brown" | Blabla || bgcolor="red" | Bloblo
 
| bgcolor="brown" | Blabla || bgcolor="red" | Bloblo
Ligne 117 : Ligne 129 :
  
 
<nowiki>{| class="wikitable"</nowiki><br>
 
<nowiki>{| class="wikitable"</nowiki><br>
<nowiki>| bgcolor="#80c0ff" | Nom de colonne </nowiki> <br>
+
<nowiki>| width="80%" bgcolor="#80c0ff" | Nom de colonne </nowiki> <br>
 
<nowiki>| bgcolor="orange" | Nom de colonne</nowiki><br>
 
<nowiki>| bgcolor="orange" | Nom de colonne</nowiki><br>
 
<nowiki>|-</nowiki><br>
 
<nowiki>|-</nowiki><br>
 
<nowiki>| Blabla || Bloblo</nowiki><br>
 
<nowiki>| Blabla || Bloblo</nowiki><br>
 
|}
 
|}

Version actuelle en date du 10 août 2013 à 13:19

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
collapsible Le tableau peut être réduit
collapsed (nécessite collapsible) Le tableau est réduit par défaut


Exemple de tableau :

Syntaxe utilisée :

{| class="wikitable centre alternance collapsible collapsed" width="60%"
| {{FB}} | Nom de colonne
| {{FLE}} | 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) ; voir aussi Catégorie:Modèles de couleurs

Exemple de tableau :

Nom de colonne Nom de colonne
Blabla Bloblo

Syntaxe utilisée :

{| class="wikitable"
| width="80%" bgcolor="#80c0ff" | Nom de colonne
| bgcolor="orange" | Nom de colonne
|-
| Blabla || Bloblo
|}