Aide:Tableau pour débutant : Différence entre versions

De WikiGenWeb
Aller à : navigation, rechercher
m (Tableau à double entrée)
m (Tableau avec une alternance de gris pour les lignes)
Ligne 186 : Ligne 186 :
 
|}
 
|}
 
</pre>
 
</pre>
== Tableau avec une alternance de gris pour les lignes ==  
+
== Tableau avec une alternance de gris pour les lignes ==
{| class="wikitable alternance" style="text-align:center; width:80%;"
+
{| class="wikitable-left" style="text-align:center; width:80%;"
 
|+ Titre du tableau
 
|+ Titre du tableau
|-
+
|-class=odd
 
|
 
|
 
! scope=col | Titre col. A
 
! scope=col | Titre col. A
Ligne 195 : Ligne 195 :
 
! scope=col | Titre col. C
 
! scope=col | Titre col. C
 
! scope=col | Titre col. D
 
! scope=col | Titre col. D
|-
+
|-
 
! scope=row | Titre ligne 1
 
! scope=row | Titre ligne 1
 
|donnée L1-A
 
|donnée L1-A
Ligne 201 : Ligne 201 :
 
|donnée L1-C
 
|donnée L1-C
 
|donnée L1-D
 
|donnée L1-D
|-
+
|-class=odd
 
! scope=row | Titre ligne 2
 
! scope=row | Titre ligne 2
 
|donnée L2-A
 
|donnée L2-A
Ligne 213 : Ligne 213 :
 
|donnée L3-C
 
|donnée L3-C
 
|donnée L3-D
 
|donnée L3-D
|-
+
|-class=odd
 
! scope=row | Titre ligne 4
 
! scope=row | Titre ligne 4
 
|donnée L4-A
 
|donnée L4-A
Ligne 220 : Ligne 220 :
 
|donnée L4-D
 
|donnée L4-D
 
|}
 
|}
 +
{{Clear}}
 
Code à copier :
 
Code à copier :
 
<pre>
 
<pre>
{| class="wikitable alternance" style="text-align:center; width:80%;"
+
{| class="wikitable-left" style="text-align:center; width:80%;"
 
|+ Titre du tableau
 
|+ Titre du tableau
|-
+
|-class=odd
 
|
 
|
 
! scope=col | Titre col. A
 
! scope=col | Titre col. A
Ligne 230 : Ligne 231 :
 
! scope=col | Titre col. C
 
! scope=col | Titre col. C
 
! scope=col | Titre col. D
 
! scope=col | Titre col. D
|-
+
|-  
 
! scope=row | Titre ligne 1
 
! scope=row | Titre ligne 1
 
|donnée L1-A
 
|donnée L1-A
Ligne 236 : Ligne 237 :
 
|donnée L1-C
 
|donnée L1-C
 
|donnée L1-D
 
|donnée L1-D
|-
+
|-class=odd
 
! scope=row | Titre ligne 2
 
! scope=row | Titre ligne 2
 
|donnée L2-A
 
|donnée L2-A
Ligne 248 : Ligne 249 :
 
|donnée L3-C
 
|donnée L3-C
 
|donnée L3-D
 
|donnée L3-D
|-
+
|-class=odd
 
! scope=row | Titre ligne 4
 
! scope=row | Titre ligne 4
 
|donnée L4-A
 
|donnée L4-A
Ligne 256 : Ligne 257 :
 
|}
 
|}
 
</pre>
 
</pre>
 +
 
== Signification des codes ==
 
== Signification des codes ==
 
*On ouvre le tableau avec : <code style="color: green">'''<nowiki>{|</nowiki>'''</code>
 
*On ouvre le tableau avec : <code style="color: green">'''<nowiki>{|</nowiki>'''</code>

Version du 28 février 2011 à 13:51

Cette page ne propose que des exemples prêts à l'emploi pour des tableaux simples et génériques à l'attention des débutants . Il vous suffit de les copier puis de les adapter à vos besoins en les complétant et en ajoutant ou supprimant des lignes ou des colonnes selon vos désirs.

Reportez-vous à Tableau pour initiés (niveau de difficulté intermédiaire) et Tableau pour expert pour les explications détaillées de la syntaxe des tableaux.

Tableau à double entrée

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

Code à copier :

{| class="wikitable" style="text-align:center; width:80%;"
|+ 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
|}

Tableau avec seulement des en-têtes de colonnes

Titre du tableau
Titre col. A Titre col. B Titre col. C Titre col. D
donnée L1-A donnée L1-B donnée L1-C donnée L1-D
donnée L2-A donnée L2-B donnée L2-C donnée L2-D
donnée L3-A donnée L3-B donnée L3-C donnée L3-D
donnée L4-A donnée L4-B donnée L4-C donnée L4-D

Code à copier :

{| class="wikitable" style="text-align:center; width:80%;"
|+ Titre du tableau
|-
! scope=col | Titre col. A
! scope=col | Titre col. B
! scope=col | Titre col. C
! scope=col | Titre col. D
|-
|donnée L1-A
|donnée L1-B
|donnée L1-C
|donnée L1-D
|-
|donnée L2-A
|donnée L2-B
|donnée L2-C
|donnée L2-D
|-
|donnée L3-A
|donnée L3-B
|donnée L3-C
|donnée L3-D
|-
|donnée L4-A
|donnée L4-B
|donnée L4-C
|donnée L4-D
|}

Tableau avec seulement des en-têtes de lignes

Titre du tableau
Titre ligne 1 donnée L1-1 donnée L1-2 donnée L1-3
Titre ligne 2 donnée L2-1 donnée L2-2 donnée L2-3
Titre ligne 3 donnée L3-1 donnée L3-2 donnée L3-3
Titre ligne 4 donnée L4-1 donnée L4-2 donnée L4-3

Code à copier :

{| class="wikitable" style="text-align:center; width:80%;"
|+ Titre du tableau
|-
! scope=row | Titre ligne 1
|donnée L1-1
|donnée L1-2
|donnée L1-3
|-
! scope=row | Titre ligne 2
|donnée L2-1
|donnée L2-2
|donnée L2-3
|-
! scope=row | Titre ligne 3
|donnée L3-1
|donnée L3-2
|donnée L3-3
|-
! scope=row | Titre ligne 4
|donnée L4-1
|donnée L4-2
|donnée L4-3
|}

Tableau avec une alternance de gris pour les lignes

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

Code à copier :

{| class="wikitable-left" style="text-align:center; width:80%;"
|+ Titre du tableau
|-class=odd
|
! 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
|-class=odd
! 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=odd
! scope=row | Titre ligne 4
|donnée L4-A
|donnée L4-B
|donnée L4-C
|donnée L4-D
|}

Signification des codes

  • On ouvre le tableau avec : {|
  • On applique le style wikitable avec : class="wikitable"
  • On ajoute l'alternance de gris avec : class="wikitable alternance"
  • On centre le contenu dans chaque cellule du tableau avec : style="text-align:center;"
  • On fixe la largeur du tableau avec : style="width:80%;"
  • On indique le titre de tableau avec : |+
  • On indique une cellule d'entête de colonne avec : ! scope=col
  • On indique une cellule d'entête de ligne avec : ! scope=row
  • On indique une cellule normale avec : |
  • On sépare chaque ligne du tableau avec : |-
  • On ferme le tableau avec : |}

Articles connexes

Sources et crédits de cet article

Cet article est largement inspiré et adapté de la page Wikipédia:Aide:Les tableaux pour les novices du 8 décembre 2010, consultée le 26 février 2011, publiée sous licence [http://creativecommons.org/licenses/by-sa/3.0/ CreativeCommons BY-SA 3.0].