Wgw
5 307
modifications
Modifications
m
aucun résumé de modification
{{Encart | texte=Pour :
* Utiliser obligatoirement class="wikitable" dans la déclaration du tableau.
* Pour les cellules, n'utiliser que la clause de style pour le design. style="text-align:center; color:#FF0000;" et non align="center" color="#FF0000", etc....
* '''Tableaux simples''' :
**[[Aide:Scope|utiliser systématiquement des en-têtes de ligne et de colonne explicites (<code><nowiki>! scope=col</nowiki></code>, <code><nowiki>! scope=row</nowiki></code>) dans les tableaux de données]].
|-
!style="background:#f0a0a0;Color:#f0a0a0|rien
|-
|cellule2
|}
|-
|style="background:#f0a0a0;Color:#f0a0a0;"|rien
|-
|cellule2
|}Ici nous trouvons le texte suivant le tableau.
!style="background:#f0a0a0;"|cellule1
!style="background:#f0a0a0;"|cellule2
|-
|colspan=2 style="background:#a0ffa0;text-align:center;"|cellule3
|}
!style="background:#f0a0a0;"|cellule1
!style="background:#f0a0a0;"|cellule2
|-
|colspan=2 style="background:#a0ffa0;text-align:center;"|cellule3
|}
!style="background:#f0a0a0;"|cellule1
|style="background:#60a0ff;" rowspan=3|cellule2
|-
|style="background:#a0ffa0;"|cellule3
|-
!style="background:#f0a0a0;"|cellule1
|style="background:#60a0ff;" rowspan=3|cellule2
|-
|style="background:#a0ffa0;"|cellule3
|-
!style="background:#f0a0a0;"|cellule1
|style="background:#60a0ff;vertical-align:bottom;" rowspan="3"|cellule2
|-
|style="background:#a0ffa0;"|cellule3
|-
|}</pre>
|
{| style="height:160px;width:160px;border:8px ridge #F0F0F0"
!style="background:#f0a0a0;"|cellule1
|style="background:#60a0ff;vertical-align:bottom;" rowspan="3"|cellule2
|-
|style="background:#a0ffa0;"|cellule3
|-
</pre>
|}
;Fonctions clés : Pour définir '''la largeur d'un élément''', on utilise la fonction {{Coloré|green|'''<code><nowiki>width="x%"</nowiki></code>'''}} : en début de tableau {{Coloré|green|'''<code><nowiki>{| width="80%"</nowiki></code>'''}}, de cellule {{Coloré|green|'''<code><nowiki>||width="33%"|</nowiki></code>'''}}. La largeur est le plus souvent exprimée en px et en %. Les % sont recommandés car s'adaptant à l'écran du lecteur.<br />Pour définir '''l'alignement vertical du texte''', on utilise le style {{Coloré|green|'''<code><nowiki>vertical-align="x"</nowiki></code>'''}}. Les valeurs possibles sont {{Coloré|green|<code>top</code>}} , {{Coloré|green|<code>bottom</code>}} et {{Coloré|green|<code>middle</code>}}<br />Pour '''fusionner horizontalement x cellules''', on utilise la fonction {{Coloré|green|'''<code><nowiki>colspan="x"</nowiki></code>'''}} (colonnes expansion x) : {{Coloré|green|'''<code><nowiki>||colspan="2"|</nowiki></code>'''}}. La première cellule à gauche doit être paramétrée, l'extension se fait en mangeant les cellules de droite. Les cellules mangées ne doivent '''pas''' être présentes dans votre code. Aussi, si votre tableau fait 3 cases de large, pour obtenir [__|_], définir vos cellules telles que :
|-
{{Coloré|green|'''<code><nowiki>||colspan="2"|</nowiki></code>'''}} Première cellule (double car "2") | Dernière cellule (simple)
Les tableaux peuvent être triés en utilisant la classe « <code>sortable</code> » depuis MediaWiki 1.9. Les tableaux triables s'identifient grâce aux flèches de tri des entêtes. Le code JavaScript [http://svn.wikimedia.org/viewvc/mediawiki/trunk/phase3/skins/common/wikibits.js?view=log wikibits.js] qui permet le tri est copié sur les serveurs de {{wgw}}.
Une aide supplémentaire se trouve sur ''[[wikipedia:Help:Sorting|Aide:Tri]]''.
{| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
|- bgcolor="#E0E0FF"
| Belgique || 2 || 10 millions || 2007 || Colonne
|-
| Luxembourg || 3 || {{formatnum:0.5}} millions || || est fixe.
|-class="sortbottom"
! Benelux || || Total : 27 M || ||
|}
|
| Belgique || 2 || 10 millions || 2007 || Colonne
|-
| Luxembourg || 3 || {{formatnum:0.5}} millions || || est fixe.
|-class="sortbottom"
! Benelux || || Total : 27 M || ||
|}
</pre>
[[Catégorie:Nouvel article|{{PAGENAME}}]]
{{w3c}}
