Aide:Wikitable : Différence entre versions

De WikiGenWeb
Aller à : navigation, rechercher
m (Tableau avec tous les attributs)
m (Tableau avec tous les attributs)
Ligne 115 : Ligne 115 :
 
===Tableau avec tous les attributs===
 
===Tableau avec tous les attributs===
  
{| class="wikitable sortable collapsible"  
+
{| 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
 +
|}
 +
 
 +
<pre>
 +
{| class="wikitable center sortable"
  
 
|+ Titre du tableau
 
|+ Titre du tableau
Ligne 142 : Ligne 178 :
 
|donnée L3-C
 
|donnée L3-C
 
|donnée L3-D
 
|donnée L3-D
|-
+
|- class="sortbottom"
 
! scope=row | Titre ligne 4
 
! scope=row | Titre ligne 4
 
|donnée L4-A
 
|donnée L4-A
Ligne 149 : Ligne 185 :
 
|donnée L4-D
 
|donnée L4-D
 
|}
 
|}
 +
 +
</pre>
  
 
==Articles connexes==
 
==Articles connexes==
 
* [[Aide:Tableau|Tableau]]
 
* [[Aide:Tableau|Tableau]]
 
{{Palette aide}}
 
{{Palette aide}}

Version du 26 février 2011 à 11:51

Cet article est en cours de modification importante par un contributeur WikiGenWeb pour un temps assez long et vous ne devez que le lire. Attendez que ce bandeau disparaisse si vous voulez apporter des modifications, sinon vous risquez de provoquer des violations de partage.


Classe wikitable

Feuille de style par défaut

table.wikitable {
  margin: 1em 1em 1em 0;   
  background: #f9f9f9;   
  border: 1px #aaa solid;   
  border-collapse: collapse;   
}
.wikitable th, .wikitable td {
  border: 1px #aaa solid;   
  padding: 0.2em;   
}
.wikitable th {
  background: #f2f2f2;   
  text-align: center;   
}
.wikitable caption {
  font-weight: bold;   
}

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.
class="wikitable center" 
permet d'adapter le style "wikitable" au tableau et de l'étaler sur toute la largeur de la page.
class="wikitable 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.
class="wikitable center sortable" 
applique l'ensemble des adaptations des deux paramètres.

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

Articles connexes