Aide:Wikitable

De WikiGenWeb
Aller à : navigation, rechercher

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

Titre du tableau
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 du tableau
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 du tableau
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és dans ces classes de table.

Alignement du tableau

L'alignement du tableau sera réalisé selon la classe indiquée :

  • wikitable et wikitable-left pour un cadrage à gauche.
  • wikitable-center pour un cadrage centré.
  • wikitable-right pour un cadrage à droite.
{| class="wikitable-center sortable"
Titre du tableau
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 du tableau
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-left sortable"
Titre du tableau
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



Valid-xhtml10.png