Aide:Wikitable : Différence entre versions
m (→Flottement du tableau) |
m (→Alignement du tableau) |
||
Ligne 223 : | Ligne 223 : | ||
Pour centrer le tableau horizontalement il faut utiliser la clause align="center" du tableau. | Pour centrer le tableau horizontalement il faut utiliser la clause align="center" du tableau. | ||
− | <pre>{| class="wikitable sortable | + | <pre>{| class="wikitable-center sortable" |
</pre> | </pre> | ||
− | {| class="wikitable sortable | + | {| class="wikitable-center sortable" |
|+ Titre du tableau | |+ Titre du tableau | ||
− | |- | + | |- |
! class="unsortable" | | ! class="unsortable" | | ||
! scope=col | Titre col. A | ! scope=col | Titre col. A | ||
Ligne 261 : | Ligne 261 : | ||
Le texte saisi après le tableau se placera en dessous du tableau même en l'absence de la clause <nowiki>{{Clear}}</nowiki> | Le texte saisi après le tableau se placera en dessous du tableau même en l'absence de la clause <nowiki>{{Clear}}</nowiki> | ||
− | |||
− | + | ||
+ | <pre>class="wikitable-right sortable"</pre> | ||
+ | {| class="wikitable-right sortable" | ||
|+ Titre du tableau | |+ Titre du tableau | ||
− | |- | + | |- |
! class="unsortable" | | ! class="unsortable" | | ||
! scope=col | Titre col. A | ! scope=col | Titre col. A | ||
Ligne 298 : | Ligne 299 : | ||
{{Clear}} | {{Clear}} | ||
− | |||
− | |||
==Articles connexes== | ==Articles connexes== |
Version du 28 février 2011 à 13:36
Un tableau peut faire appel à un design défini dans une feuille de style css. la solution la plus simple, pour obtenir un tableau simple, est d'utiliser la classe "wikitable", prédéfinie dans WikiGenWeb.
Sommaire
Classe wikitable
Tableau par défaut
Titre col. A | Titre col. B | Titre col. C | Titre col. D | |
---|---|---|---|---|
Titre ligne 1 | donnée L1-A | donnée L1-B | donnée L1-C | donnée L1-D |
Titre ligne 2 | donnée L2-A | donnée L2-B | donnée L2-C | donnée L2-D |
Titre ligne 3 | donnée L3-A | donnée L3-B | donnée L3-C | donnée L3-D |
Titre ligne 4 | donnée L4-A | donnée L4-B | donnée L4-C | donnée L4-D |
{| class="wikitable" |+ Titre du tableau |- | ! scope=col | Titre col. A ! scope=col | Titre col. B ! scope=col | Titre col. C ! scope=col | Titre col. D |- ! scope=row | Titre ligne 1 |donnée L1-A |donnée L1-B |donnée L1-C |donnée L1-D |- ! scope=row | Titre ligne 2 |donnée L2-A |donnée L2-B |donnée L2-C |donnée L2-D |- ! scope=row |Titre ligne 3 |donnée L3-A |donnée L3-B |donnée L3-C |donnée L3-D |- ! scope=row | Titre ligne 4 |donnée L4-A |donnée L4-B |donnée L4-C |donnée L4-D |}
Paramètres de classe
Les paramètres de classe du tableau peuvent prendre les valeurs suivantes:
- class="wikitable"
- permet d'adapter le style "wikitable" au tableau. Plus élégant qu'un tableau classique, il impose certains attributs (comme la taille de la bordure) et définit des couleurs par défaut. Le tableau est cadré à gauche.
- class="wikitable-left"
- synonyme de wikitable.
- class="wikitable-center"
- permet d'adapter le style "wikitable" au tableau et de le centrer horizontalement.
- class="wikitable-right"
- permet d'adapter le style "wikitable" au tableau et de le cadrer à droite.
- class="wikitable sortable", class="wikitable-left sortable", class="wikitable-center sortable" , class="wikitable-right sortable"
- permet de trier le tableau ascendant/descendant par colonne. Les colonnes triables s’identifient grâce aux flèches de tri des en-têtes.
Il est possible de créer des colonnes non triables en spécifiant l’attribut de colonne class="unsortable" et d’exclure des rangées complètes en bas de tableau avec l’attribut de rangée class="sortbottom" :
Tableau avec tous les attributs
Titre col. A | Titre col. B | Titre col. C | Titre col. D | |
---|---|---|---|---|
Titre ligne 1 | donnée L1-A | donnée L1-B | donnée L1-C | donnée L1-D |
Titre ligne 2 | donnée L2-A | donnée L2-B | donnée L2-C | donnée L2-D |
Titre ligne 3 | donnée L3-A | donnée L3-B | donnée L3-C | donnée L3-D |
Titre ligne 4 | donnée L4-A | donnée L4-B | donnée L4-C | donnée L4-D |
{| class="wikitable-center sortable" |+ Titre du tableau |- ! class="unsortable" | ! scope=col | Titre col. A ! scope=col | Titre col. B ! scope=col | Titre col. C ! scope=col class="unsortable" | Titre col. D |- ! scope=row | Titre ligne 1 |donnée L1-A |donnée L1-B |donnée L1-C |donnée L1-D |- ! scope=row | Titre ligne 2 |donnée L2-A |donnée L2-B |donnée L2-C |donnée L2-D |- ! scope=row |Titre ligne 3 |donnée L3-A |donnée L3-B |donnée L3-C |donnée L3-D |- class="sortbottom" ! scope=row | Titre ligne 4 |donnée L4-A |donnée L4-B |donnée L4-C |donnée L4-D |}
Flottement du tableau
Le tableau pourra être cadré horizontalement à gauche ou à droite. Pour cela on choisira la classe « wikitable-right » pour le positionner sur la droite. La classe « wikitable » ou « wikitable-left » indique un flottement à gauche, ce qui veut dire que l'on ne gèrera que les flottements à droite. wikitable et wikitable-left peuvent être utilisés indifféremment.
Le texte saisi derrière un tableau viendra se positionner à gauche du tableau si on indique « wikitable-right » et à droite du tableau si on indique « wikitable-left ».
Si le texte saisi doit commencer après le tableau, le modèle {{Clear}} sera utilisé avant le texte.
{| class="wikitable-right sortable"
Titre col. A | Titre col. B | Titre col. C | Titre col. D | |
---|---|---|---|---|
Titre ligne 1 | donnée L1-A | donnée L1-B | donnée L1-C | donnée L1-D |
Titre ligne 2 | donnée L2-A | donnée L2-B | donnée L2-C | donnée L2-D |
Titre ligne 3 | donnée L3-A | donnée L3-B | donnée L3-C | donnée L3-D |
Titre ligne 4 | donnée L4-A | donnée L4-B | donnée L4-C | donnée L4-D |
Ce texte est affiché à côté du tableau
{{Clear}}tandis que celui-ci commence après le tableau.
Attention : les styles float et align ne doivent pas être indiquées dans ces classes de table.
Alignement du tableau
Par défaut, si aucune clause d'alignement n'est mentionnée, l'alignement du tableau se fera à gauche.
Pour centrer le tableau horizontalement il faut utiliser la clause align="center" du tableau.
{| class="wikitable-center sortable"
Titre col. A | Titre col. B | Titre col. C | Titre col. D | |
---|---|---|---|---|
Titre ligne 1 | donnée L1-A | donnée L1-B | donnée L1-C | donnée L1-D |
Titre ligne 2 | donnée L2-A | donnée L2-B | donnée L2-C | donnée L2-D |
Titre ligne 3 | donnée L3-A | donnée L3-B | donnée L3-C | donnée L3-D |
Titre ligne 4 | donnée L4-A | donnée L4-B | donnée L4-C | donnée L4-D |
Le texte saisi après le tableau se placera en dessous du tableau même en l'absence de la clause {{Clear}}
class="wikitable-right sortable"
Titre col. A | Titre col. B | Titre col. C | Titre col. D | |
---|---|---|---|---|
Titre ligne 1 | donnée L1-A | donnée L1-B | donnée L1-C | donnée L1-D |
Titre ligne 2 | donnée L2-A | donnée L2-B | donnée L2-C | donnée L2-D |
Titre ligne 3 | donnée L3-A | donnée L3-B | donnée L3-C | donnée L3-D |
Titre ligne 4 | donnée L4-A | donnée L4-B | donnée L4-C | donnée L4-D |
Articles connexes