modification de Tableaux

Un article de DocJongleNet, l'encyclopéde libre.

[[Catégorie:Aides]]
Ces nouvelles balises de tables, développées par [[:en:User:Magnus Manske|Magnus Manske]],  remplacent les traditionnelles balises HTML <nowiki><table>, <tr>, <td>, <th> et <caption></nowiki>. Les balises HTML peuvent cependant toujours être utilisées.

Les balises ci-dessous doivent commencer au début d'une ligne (sauf une exception). Les paramètres sont optionnels.

== Les bases ==

Un exemple de tableau minimal :

{| border="1"
|gauche||droite
|}

et la méthode pour l'obtenir :

{| border="1"
!Résultat
!Syntaxe wikimédia
!autre méthode
|-
|
 {| bgcolor="#ABCDEF" border=2
 |gauche
 |droite
|}
| <pre> {| border="1"
 |gauche
 |droite
 |}</pre>
| <pre> {| border="1"
 |gauche||droite
 |}</pre>
|}

Mais reprenons au début...

== Tableau ==
Un tableau est défini par
 <nowiki>{| ''paramètres''
 |}</nowiki>
Ce qui équivaut à
 <table ''paramètres''&gt;
 </table&gt;

:''Attention'': Vous '''devez''' obligatoirement laisser une espace entre <code>'''{|'''</code> et <code>''paramètre''</code>, sinon le premier paramètre sera ignoré.

=== TD ===
Les cellules sont créées soit comme ça :
 |Cellule1
 |Cellule2
 |Cellule3
soit comme ça :
 |Cellule1||Cellule2||Cellule3

les deux méthodes équivalent à : 
 <td&gt;cellule1</td&gt;<td&gt;cellule2</td&gt;<td&gt;cellule3</td&gt;

donc "||" est égal à "nouvelle ligne" + "|"

Les paramètres dans les cellules peuvent être utilisés comme ceci :
 |''params''|cellule1||''params''|cellule2||''params''|cellule3
ce qui va donner :
 <td ''params''&gt;

=== TH ===
Fonctionne de la même manière que TD, sauf que "!" est utilisé à la place du "|" ouvrant. "!!" peut remplacer "||". Les paramètres utilisent cependant toujours "|"!

=== TR ===
les balises <tr&gt; vont être automatiquement générées pour la première ligne. Pour créer une autre ligne, faites :
 |-
ou
 |--------------
ou
 |-------------------
les trois correspondent à :
 <tr&gt;
Les paramètres peuvent être ajoutés comme ça :
 |- ''paramètres''
Ou
 |------- ''paramètres''
ce qui équivaut à :
 <tr ''params''&gt;

Note :
* les balises <tr&gt;  sont automatiquement ouvertes à l'apparition du premier <td&gt;.
* les balises <tr&gt; sont automatiquement fermées à l'apparition de <tr&gt; ou de </table&gt;.

=== Légende ===
Une balise de <légende&gt; est créée par
 |+ Légende
Qui donnera
 <caption&gt;Légende</caption&gt;
Vous pouvez aussi utiliser des paramètres :
 |+ ''paramètres''|Légende
Qui donnera
 <caption ''paramètres''&gt;Légende</caption&gt;

== Exemples ==

=== Exemple simple ===
<pre>
 {| 
 | Cellule 1, ligne 1 
 | Cellule 2, ligne 1 
 |- 
 | Cellule 1, ligne 2 
 | Cellule 2, ligne 2 
 |}
</pre>
générera
{| 
| Cellule 1, ligne 1 
| Cellule 2, ligne 1 
|- 
| Cellule 1, ligne 2 
| Cellule 2, ligne 2 
|}

=== Exemple plus compliqué ===
<pre>
{| align=right border=1
| Cellule 1, ligne 1 
|rowspan=2| Cellule 2, ligne 1 (et 2) 
| Cellule 3, ligne 1 
|- 
| Cellule 1, ligne 2 
| Cellule 3, ligne 2 
|}
</pre>
On remarquera que le tableau est collé sur le bord droit de la page.
 {| align=right border=1
 | Cellule 1, ligne 1 
 |rowspan=2| Cellule 2, ligne 1 (et 2) 
 | Cellule 3, ligne 1 
 |- 
 | Cellule 1, ligne 2 
 | Cellule 3, ligne 2 
 |}
<br clear="all" />

=== Tableau imbriqué ===
<pre>
 {| border=1
 | blabla
 |
 {| bgcolor="#ABCDEF" border=2
 |tableau imbriqué
 |-
 |tableau
 |}
 |Le tableau parent
 |}
</pre>
Nous présente un tableau imbriqué
{| border=1
| blabla
|
{| bgcolor="#ABCDEF" border=2
|tableau imbriqué
|-

|tableau
|}
|Le tableau parent
|}

=== Légende et cellules multi-lignes ===
{| border=1 align=right
|+ '''Ceci est la légende'''
|[[Indépendance]]||[[19 août]] [[1919]]
|-
|[[Monnaie]]||[[Afghani]]
|-
|[[Time zone]]||[[Temps universel coordonné|UTC]]+4:30
|-
|[[Hymne national]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|Internet TLD]]||.AF
|}
 <nowiki>{| border=1 align=right</nowiki>
 <nowiki>|+ '''Ceci est la légende'''.</nowiki>
 <nowiki>|[[Indépendance]]||[[19 août]] [[1919]]</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Monnaie]]||[[Afghani]]</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Time zone]]||[[Temps universel coordonné|UTC]]+4:30</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Hymne national]]||[[Sououd-e-Melli]]</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Top-level domain|Internet TLD]]||.AF</nowiki>
 <nowiki>|}</nowiki>
est montré à droite.

=== Test de titre ===
<pre>
{| border=1
! titre1!! titre2
|-
| Cellule1|| Cellule2
|}
</pre>
donne 
 {| border=1
 ! titre1!! titre2
 |-
 | Cellule1|| Cellule2
 |}

== TR test ==
<pre>
 {|
 | Cellule1 || Cellule2
 |- bgcolor="#abcdef"
 | Cellule3 || Cellule4
 |}
</pre>
donne
{|
| Cellule1 || Cellule2
|- bgcolor="#abcdef"
| Cellule3 || Cellule4
|}

=== Ligne avec titre et contenu mélangés ===
<pre>
 {| border=1 cellspacing=0
 ! 
 ! col Header1 
 ! ch2 
 |-
 ! row header 3
 | abc def ghi 
 |   gchf ghh dfgh
 |-
 ! RH 4
 | gfbb gbgbds 
 |    dfgsdsdg
 |}
</pre>
'''donne:'''
{| border=1 cellspacing=0
! 
! col Header1 
! ch2 
|-
! row header 3
| abc def ghi 
|   gchf ghh dfgh
|-
! RH 4
| gfbb gbgbds 
|    dfgsdsdg
|}
'''mais:'''
<pre>
 {| border=1 cellspacing=0
 ! !! col Header1 !! ch2 
 |-
 ! row header 3 || abc def ghi ||   gchf ghh dfgh
 |-
 ! RH 4         || gfbb gbgbds ||    dfgsdsdg
 |}
</pre>
'''donne:'''
{| border=1 cellspacing=0
! !! col Header1 !! ch2 
|-
! row header 3 || abc def ghi ||   gchf ghh dfgh
|-
! RH 4         || gfbb gbgbds ||    dfgsdsdg
|}

On peut aissi éviter de coller le contenu au bord des cellules

<pre>
 {| border=1 cellspacing=0 cellpadding=4
 ! !! col Header1 !! ch2 
 |-
 ! row header 3 || abc def ghi ||   gchf ghh dfgh
 |-
 ! RH 4         || gfbb gbgbds ||    dfgsdsdg
 |}
</pre>
'''donne:'''
{| border=1 cellspacing=0 cellpadding=4
! !! col Header1 !! ch2 
|-
! row header 3 || abc def ghi ||   gchf ghh dfgh
|-
! RH 4         || gfbb gbgbds ||    dfgsdsdg
|}

Résumé:

Annuler | Aide (opens in new window)

Toutes les contributions à DocJongleNet sont considérées comme publiées sous les termes de la GNU Free Documentation Licence, une licence de documentation libre (Voir DocJongleNet:Copyright pour plus de détails). Si vous ne désirez pas que vos écrits soient édités et distribués à volonté, ne les envoyez pas. De même, merci de ne contribuer qu'en apportant vos propres écrits ou des écrits issus d'une source libre de droits. N'UTILISEZ PAS DE TRAVAUX SOUS COPYRIGHT SANS AUTORISATION EXPRESSE!

Récupérée de "http://doc.jongle.net/index.php/Tableaux"