* 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.
Les attributs <code>colspan=""</code> et <code>rowspan=""</code> permettent de fusionner plusieurs cellules d’une même rangée ou d’une même colonne respectivement.
|colspan="2"| fusion de deux cellules d’une même rangée
Il est possible d’imbriquer des tableaux, en remplaçant simplement le texte d’une cellule par un autre tableau. Il est cependant nécessaire de sauter une ligne entre la définition de la cellule englobante et le début du tableau imbriqué.
Les tableaux de données ne doivent en aucun cas être imbriqués : il est seulement possible mais déconseillé d’imbriquer des tableaux de mise en page, de placer un tableau de mise en page dans un tableau de données ou inversement.
<nowiki>!</nowiki> Total : 15 !! !! !! Total : 29.55 !!
<nowiki>|}</nowiki>
Le tri peut être faussé par des caractères accentués, des formats de nombres ou de dates (la fonctionnalité de tri ne reconnait correctement que les nombres et dates aux formats anglais).
Les tables ayant des cellules s’étendant sur plusieurs rangées (rowspan) ou colonnes (colspan) ou ayant des cellules manquantes en fin de ligne peuvent ne pas se trier correctement (la fonctionnalité de tri ne reconnait pas explicitement les groupes de rangées ou de colonnes induits par la présence de cellules fusionnées).
style="border: x<px> <type> <couleur>"
où x est donc la taille de la bordure (la taille 0px signifie « pas de bordure »), type est le type de bordure : dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid), couleur est la valeur hexadécimale de la couleur #000000 à #FFFFFF
Pour chacune des cellules, il est également possible de positionner le contenu verticalement. Dans l'exemple qui suit, il y a une cellule (celle de gauche) avec une [[#width et height|taille]] de 150 pixels.
<div>'''<small>style="'''border-spacing''': ''n''pxnpx;" du tableau</small><br /><small style="color:#AAAAAA">style="border: ''n''pxnpx;" de la cellule</small></div>
'''width''' et '''height''' spécifient la largeur et la hauteur, aussi bien du tableau que des cellules. La taille peut se préciser en pixels ou en pourcentage. Dans les deux cas, cela représente une taille minimale.
Le premier exemple montre l'utilisation d'une taille fixe. Le premier cas utilise une largeur de 10 pixels, cependant la largeur du contenu du tableau étant plus grande, il s'adapte donc à cette taille. Le second cas utilise une taille de 100 pixels ; 100 pixels est plus grand que la largeur occupée par le contenu du tableau, celui-ci a donc bien une largeur de 100 pixels. Le troisième exemple utilise une largeur de 200 pixels.
Voyons ce qu'il en est de l'utilisation d'une taille proportionnelle. Dans le premier cas, le tableau doit occuper un maximum de 33% de la largeur disponible. Dans le deuxième et le troisième cas, le tableau doit respectivement occuper un maximum de 50% et de 100%, de l'espace disponible.
Pour l'attribut <code>height</code>, l'utilisation est la même que pour <code>width</code>, mais cette fois-ci la hauteur du tableau change. Ces deux attributs peuvent également être utilisés pour chacune des cellules :
Cet article est largement inspiré et adapté de la page ''[[wikipedia.fr:Aide:Les tableaux pour les experts|Wikipédia:Aide:Les tableaux pour les experts]]'' du 17 janvier 2011, consultée le 26 février 2011, publiée sous licence [http://creativecommons.org/licenses/by-sa/3.0/ CreativeCommons BY-SA 3.0].
{{clear}}
{{Licence WikiPedia CC BY-SA | 1=[http://fr.wikipedia.org/w/index.php?title=Aide:Les_tableaux_pour_les_experts&oldid=61369648 Aide:Les tableaux pour les experts]}}