Aide:Tableau pour débutant

De WikiGenWeb
Aller à : navigation, rechercher

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 cadré à gauche avec : class=wikitable-left
  • 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 ajoute l'alternance de gris avec : class=odd
  • On sépare chaque ligne du tableau avec : |-
  • On ferme le tableau avec : |}

Articles connexes

Sources et crédits Cet article est largement inspiré et adapté de la page WikiPédia Aide:Les tableaux pour les novices, publiée sous licence CreativeCommons CC BY-SA 3.0.



Valid-xhtml10.png