Aide:Wikitable : Différence entre versions

Version du 28 février 2011 à 13:31

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.

Classe wikitable

Tableau par défaut

{| 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

{| 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"

Ce texte est affiché à côté du tableau

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 sortable" align="center"

Le texte saisi après le tableau se placera en dessous du tableau même en l'absence de la clause {{Clear}}

si on utilise la clause align=right et non le style float:right on obtiendra le même effet de positionnement.

Attention : les clauses float et align ne doivent pas être indiquées en même temps.

Articles connexes

• Tableau

Liste des manuels d'utilisation

Projet:Aide
Lecteurs	Manuel du lecteur
Éditeurs	Manuel de l'éditeur
Administrateurs	Manuel de l'administrateur