Aide:Tableaux

Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : Requisition System/Listes/Communes, Halo : Escalation, Alliance Covenante#Grades.

Base

{| class="wikitable" |- | Cellule 1 || Cellule 2 || Cellule 3 |- | Cellule 4 || Cellule 5 || Cellule 6 |} ou {| class="wikitable" |- | Cellule 1 | Cellule 2 | Cellule 3 |- | Cellule 4 | Cellule 5 | Cellule 6 |}

Cellule 1 Cellule 2 Cellule 3 Cellule 4 Cellule 5 Cellule 6

• Par défaut, le texte dans une cellule est aligné à gauche.
• Pour utiliser une liste dans un tableau, il faut décaler le début de la liste sur une nouvelle ligne.

Titres

Titres horizontaux
{| class="wikitable" |- ! Titre 1 !! Titre 2 |- | Cellule 1 || Cellule 2 |} ou {| class="wikitable" |- ! Titre 1 ! Titre 2 |- | Cellule 1 | Cellule 2 |}	Titre 1 Titre 2 Cellule 1 Cellule 2

Titres verticaux
{| class="wikitable" |- ! Titre 1 | Cellule 1 |- ! Titre 2 | Cellule 2 |}	Titre 1 Cellule 1 Titre 2 Cellule 2

• Le contenu des cellules titres est centré par défaut.

Paramètres

Les paramètres sont des options qui s'ajoutent sur la même ligne après {| pour les paramètres relatifs au tableau entier, ou avant le contenu de la cellule, séparé par un | pour les paramètres relatifs aux cellules.

Tailles

{| class="wikitable" width="75%" |- | Cellule 1 || Cellule 2 |- | Cellule 3 || Cellule 4 |}

Cellule 1 Cellule 2 Cellule 3 Cellule 4

• La taille du tableau est exprimée en pourcentage de son conteneur. Dans l'exemple ci-dessus, le conteneur est la case grise de droite et le tableau d'exemple fait 75 % de sa longueur. Dans la plupart des cas, le conteneur est le corps de l'article.
• Si la taille d'un tableau est renseignée, la taille de chaque colonne peut l'être aussi. Le code suivant impose à la première colonne de prendre 75 % du tableau (représentée par Cellule 1) : | width="75%" | Cellule 1 || Cellule 2 L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.

Alignement

{| class="wikitable" width="75%" |- | align=center | Cellule 1 || Cellule 2 |- | Cellule 3 || Cellule 4 |}

Cellule 1 Cellule 2 Cellule 3 Cellule 4

• Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur col ou à toute la ligne avec la valeur row.
• Changer l'alignement du tableau lui-même n'est pas souhaitable pour la compatibilité avec les navigateurs mobiles.

Fusion de cellules

Fusion horizontale (colspan)
{| class="wikitable" |- | Cellule 1 || Cellule 2 || Cellule 3 |- | colspan=2 | Cellule 5 || Cellule 6 |}	Cellule 1 Cellule 2 Cellule 3 Cellule 5 Cellule 6

Fusion verticale (rowspan)
{| class="wikitable" |- | Cellule 1 || Cellule 2 || rowspan=2 | Cellule 3 |- | Cellule 5 || Cellule 6 |}	Cellule 1 Cellule 2 Cellule 3 Cellule 5 Cellule 6

• La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.

Avancé

Tableaux sans bordure

{| |- | Cellule 1 || Cellule 2 |- | Cellule 5 || Cellule 6 |}

Cellule 1 Cellule 2 Cellule 3 Cellule 4

Tableaux HTML

Dans certains cas, le Wikicode ne permet pas de créer un tableau utilisable. Le HTML brut peut alors être utilisé.

Fusion verticale (rowspan)

<table style="border-collapse:collapse;"> <tr> <td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 1</td> <td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 2</td> </tr><tr> <td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 3</td> <td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 4</td> </table>

Cellule 1 Cellule 2 Cellule 3 Cellule 4