|
|
| Ligne 1 : |
Ligne 1 : |
| − | Cette page explique les bases de réalisation des tableaux sur {{wgw}}, à l'aide de codes spécifiques, interprétés par le logiciel MediaWiki et transformés en langage HTML.
| |
| | | | |
| − | Des modèles de tableaux simples sont disponibles sur [[Aide:Tableau pour débutant|Tableau pour débutant]].
| |
| − |
| |
| − | Cette page présente les fonctions les plus fréquentes qui intéresseront un Webgenien actif, tant dans son travail de généalogiste, que de gestion de projet/portail, ou de mise en forme de sa page personnelle.
| |
| − |
| |
| − | Elle traite uniquement de la syntaxe wiki, la plus employée sur {{wgw}}.
| |
| − |
| |
| − | Une page d'explication complète, traitant de la syntaxe wiki '''et''' HTML, est disponible sur [[Aide:Tableau pour expert]]. Elle vous sera en particulier utile si vous utilisez à la fois un tableau et les [http://www.mediawiki.org/wiki/Help:Extension:ParserFunctions fonctions parseurs] dans un modèle.
| |
| − |
| |
| − | Aussi, sur cette page sont présentés : les bases de l'accessibilité, la construction de tableau complexe (chevauchement de cellules : <code>colspan="x"</code> ; <code>rowspan="x"</code> ), le paramétrage des éléments (fonctions : <code><nowiki>width="x"</nowiki></code> ; <code><nowiki>height="x"</nowiki></code>),
| |
| − |
| |
| − | {{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''' :
| |
| − | **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.
| |
| − | **utiliser autant que possible l'élément <code><nowiki>caption</nowiki></code> pour indiquer le titre du tableau.
| |
| − | **ne jamais imbriquer plusieurs niveaux de tableaux.
| |
| − | * '''Tableaux complexes''' :
| |
| − | **utiliser les attributs <code><nowiki>id</nowiki></code> et <code><nowiki>headers</nowiki></code> dans les tableaux de données complexes, pour relier chaque cellule de contenu à son ou à ses en-têtes de lignes et de colonnes.
| |
| − | **utiliser l'attribut <code>summary</code> de l'élément <code>table</code> pour expliciter l'organisation des données dans un tableau complexe.
| |
| − | **n'utiliser les éléments de tableau pour la mise en forme que si leur contenu se linéarise de manière compréhensible.<br />Ne pas utiliser alors d'éléments propres aux tableaux de données (titres <code><nowiki><caption></nowiki></code> ou <code><nowiki>|+</nowiki></code>, en-têtes de ligne ou de colonne <code><nowiki><th></nowiki></code> ou <code><nowiki>!</nowiki></code>).
| |
| − | **éviter autant que possible l'utilisation des tableaux triables.
| |
| − | }}
| |
| − |
| |
| − | == Créer un tableau simple ==
| |
| − | ;Rappel vocabulaire
| |
| − | Depuis l'invention des tableurs informatiques, le terme cellule s'est répandu pour désigner une case d'une grille, feuille de calcul ou tableau.
| |
| − |
| |
| − | Ci-dessous, nous allons discuter de la création d'un objet : un tableau.<br />
| |
| − | Une « fonction » est un '''aspect''' de cet objet. Tandis que « l'attribut (d'une fonction) » est le '''choix''' que l'on fait pour cet aspect. En gros : chaise (fonction = aspect de l'objet maison) + vert (attribut = choix de la couleur pour les chaises). En programmation, ceci s'écrirait '''<code><nowiki>chaise="green"</nowiki></code>''', car l'anglais basique est la langue qui sert à la programmation. Chaque fonction a plusieurs attributs possibles (exemple : <code>white</code>, <code>green</code>, <code>orange</code>, <code>#FF0080</code>,…), et un attribut par défaut.<br />
| |
| − | Dans les explications qui suivent, les fonctions et leurs attributs seront présentées en '''vert'''.<br />
| |
| − | === Rudiments ===
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| class="wikitable" align="right"
| |
| − | |cellule dans un wiki-tableau à droite
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| class="wikitable" align="right"
| |
| − | |cellule dans un wiki-tableau à droite
| |
| − | |}
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| class="wikitable" align="center" style="background-color:#C0E0F0"
| |
| − | |cellule dans un tableau centré
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| class="wikitable" align="center" style="background-color:#C0E0F0"
| |
| − | |cellule dans un tableau centré
| |
| − | |}
| |
| − | |}
| |
| − | ;Tableau 1 :
| |
| − | On '''ouvre le tableau''' avec : {{Coloré|Green|'''<code><nowiki>{|</nowiki></code>'''}} , ceci peut être suivi de paramètres affectant l'ensemble du tableau.<br />
| |
| − | On '''applique le style''' (''classe'' CSS en fait) '''wikitable''' (au tableau) avec : {{Coloré|Green|'''<code><nowiki>class="wikitable"</nowiki></code>'''}} , l'usage de cette class wikitable, sobre et efficace, est encouragé dans le but d'harmoniser l'apparence des tableaux dans les articles. <br />
| |
| − | On '''applique éventuellement une classe d'alignement''' (il existe '''<tt>left</tt>''', '''<tt>center</tt>''' et '''<tt>right</tt>''')<br/>
| |
| − | <span style="font-size:95%"><u>Attention</u> : ne pas utiliser l'attribut HTML '''<tt>ALIGN</tt>''' lors de l'emploi de "<tt>wikitable</tt>".</span><br/>
| |
| − | On '''ouvre une ligne''' avec : {{Coloré|green|'''<code><nowiki>|</nowiki></code>'''}} , que je remplis avec le texte « '''cellule''' » ;<br />
| |
| − | On '''ferme le tableau''' avec : {{Coloré|green|'''<code><nowiki>|}</nowiki></code>'''}} <br />
| |
| − | ;Tableau 2 :
| |
| − | On '''aligne le tableau''' avec : {{Coloré|green|'''<code><nowiki>align="x"</nowiki></code>'''}} , ici on le centre grâce à l’''attribut'' {{Coloré|green|'''<code>center</code>'''}}<br />
| |
| − | On '''applique un autre style''' (au tableau) avec : {{Coloré|green|'''<code><nowiki>style="x"</nowiki></code>'''}} , ici on le colore grâce à l’''attribut'' {{Coloré|green|'''<code>background-color:#C0E0F0</code>'''}}. Cette personnalisation des tableaux est encouragée dans les modèles et sur les pages personnelles, les portails, etc.<br />
| |
| − | '''Fonction {{Coloré|green|<code><nowiki>align="x"</nowiki></code>}}''' : les ''attributs'' possibles sont {{Coloré|green|'''<code>left</code>'''}} (à gauche), {{Coloré|green|'''<code>center</code>'''}} (centré), {{Coloré|green|'''<code>right</code>'''}} (à droite). Un tableau se positionne par défaut à gauche (''attribut'' : {{Coloré|green|'''<code>left</code>'''}}).<br />
| |
| − | '''Fonction <!--{{Coloré|green|<code><nowiki>border-color="x"</nowiki></code>}}''', '''-->{{Coloré|green|<code><nowiki>style="background-color:x"</nowiki></code>}}''' (« fond-couleur ») : les ''attributs'' possibles sont toute couleur, en hexadécimal (exemple : '''{{Coloré|green|<code>#FF0080</code>}}''') ou en anglais (exemple : '''{{Coloré|green|<code>white</code>}}''', '''{{Coloré|green|<code>green</code>}}'''), voir [[Aide:Couleur]]. Le fond d'un tableau est coloré par défaut en blanc (''attribut'' : {{Coloré|green|'''<code>white</code>'''}} ou {{Coloré|green|'''<code>#FFFFFF</code>'''}}).
| |
| − |
| |
| − | === Ajouter une colonne / une ligne ===
| |
| − | Passons maintenant aux tableaux à 2 cellules :
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{|
| |
| − | |cellule1
| |
| − | |cellule2
| |
| − | |}</pre>
| |
| − | |
| |
| − | {|
| |
| − | |cellule1
| |
| − | |cellule2
| |
| − | |}
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| style="background-color:#c0e8f0"
| |
| − | |cellule1
| |
| − | |-
| |
| − | |cellule2
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| style="background-color:#c0e8f0"
| |
| − | |cellule1
| |
| − | |-
| |
| − | |cellule2
| |
| − | |}
| |
| − | |}
| |
| − | Pour le tableau à fond blanc, nous avons juste ajouté une nouvelle ligne de codes commençant par un trait vertical {{Coloré|green|'''<code><nowiki>|</nowiki></code>'''}} ; cette nouvelle ligne de codes ajoute une cellule au tableau sur la ligne en cours.
| |
| − |
| |
| − | Pour le tableau à fond gris, nous avons inséré une ligne comportant les codes {{Coloré|green|'''<code><nowiki>|-</nowiki></code>'''}} juste avant la ligne définissant la deuxième cellule ; ces codes initient une nouvelle ligne de cellules du tableau.
| |
| − |
| |
| − | === Changer la couleur d'une cellule ===
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| align="right" style="background-color:#c0e8f0"
| |
| − | |cellule1
| |
| − | |-
| |
| − | !style="background:#f0a0a0;Color:#f0a0a0|rien
| |
| − | |-
| |
| − | |cellule2
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| align="right" style="background-color:#c0e8e0"
| |
| − | |cellule1
| |
| − | |-
| |
| − | |style="background:#f0a0a0;Color:#f0a0a0;"|rien
| |
| − | |-
| |
| − | |cellule2
| |
| − | |}
| |
| − | |}
| |
| − | Pour le tableau à fond gris, nous avons également ajouté une troisième cellule sur une nouvelle ligne, mais par un artifice (couleur du texte identique à la couleur du fond), la deuxième cellule se présente comme une cellule vide, et la troisième cellule contient le texte '''cellule2'''.
| |
| − | Le changement de couleur du fond d'une unique cellule est obtenu par le paramètre {{Coloré|green|'''<code><nowiki>background-color:</nowiki></code>'''}} avec l'attribut {{Coloré|green|'''<code>#f0a0a0</code>'''}} ; cet attribut est une valeur numérique, qui ne nécessite pas l'emploi de guillemets ; le séparateur {{Coloré|green|'''<code><nowiki>|</nowiki></code>'''}} et le texte de la cellule suit obligatoirement ce ou ces paramètre(s) sur la même ligne : sinon, ceux-ci seraient interprétés comme du texte ordinaire.
| |
| − | Nous remarquons que la cellule rose est bordée de deux lignes verticales grises ; en effet, les cellules sont légèrement espacées par défaut, et la cellule rouge ne recouvre donc pas complètement la couleur de fond du tableau sur sa propre ligne.
| |
| − |
| |
| − | === L'alignement horizontal ===
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| align="right" style="background-color:#c0e8f0"
| |
| − | |cellule1
| |
| − | |-
| |
| − | |cellule2
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| align="right" style="background-color:#c0e8f0"
| |
| − | |cellule1
| |
| − | |-
| |
| − | |cellule2
| |
| − | |}
| |
| − | |}
| |
| − | Nous pouvons remarquer que nous avons changé l'alignement du tableau à fond gris, ce qui a permis de le placer directement à droite du texte (NB : un tableau aligné centré ne s'entoure pas de texte).
| |
| − |
| |
| − | == La fusion de cellules ==
| |
| − | === Horizontalement... ===
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| cellspacing=5 style="background-color:#c0e8f0"
| |
| − | !style="background:#f0a0a0;"|cellule1
| |
| − | !style="background:#f0a0a0;"|cellule2
| |
| − | |-
| |
| − | |colspan=2 style="background:#a0ffa0;text-align:center;"|cellule3
| |
| − | |}
| |
| − | </pre>
| |
| − | |
| |
| − | {| cellspacing=5 style="background-color:#c0e8e0"
| |
| − | !style="background:#f0a0a0;"|cellule1
| |
| − | !style="background:#f0a0a0;"|cellule2
| |
| − | |-
| |
| − | |colspan=2 style="background:#a0ffa0;text-align:center;"|cellule3
| |
| − | |}
| |
| − | |}
| |
| − | Ceci s'obtient avec le paramètre {{Coloré|green|'''<code><nowiki>colspan=</nowiki></code>'''}}, suivi du nombre de colonnes que doit occuper la cellule concernée ; ici {{Coloré|green|'''<code>2</code>'''}}.
| |
| − | La couleur de fond de la cellule 3 a été modifiée, et son texte centré, afin de mieux visualiser le résultat.
| |
| − |
| |
| − | === ... et verticalement ===
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| cellpadding=6
| |
| − | !style="background:#f0a0a0;"|cellule1
| |
| − | |style="background:#60a0ff;" rowspan=3|cellule2
| |
| − | |-
| |
| − | |style="background:#a0ffa0;"|cellule3
| |
| − | |-
| |
| − | |cellule4
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| cellpadding=6
| |
| − | !style="background:#f0a0a0;"|cellule1
| |
| − | |style="background:#60a0ff;" rowspan=3|cellule2
| |
| − | |-
| |
| − | |style="background:#a0ffa0;"|cellule3
| |
| − | |-
| |
| − | |cellule4
| |
| − | |}
| |
| − | |}
| |
| − | Une cellule peut également s'étendre verticalement au moyen du paramètre {{Coloré|green|'''<code><nowiki>rowspan=</nowiki></code>'''}}, suivi du nombre de lignes que doit occuper la cellule concernée.
| |
| − | Pour rendre les codes qui nous intéressent plus lisibles, nous revenons au fond de tableau par défaut (blanc). Ce tableau présente les particularités suivantes :
| |
| − | * les marges entre les 4 bords de chaque cellule et son texte sont augmentées au moyen du paramètre {{Coloré|green|'''<code><nowiki>cellpadding=</nowiki></code>'''}}, suivi de la valeur de la marge en pixels, ici {{Coloré|green|'''<code>6</code>'''}} ;
| |
| − | * le texte de la cellule 1 est en '''gras''' ; ceci s'obtient en remplaçant le caractère {{Coloré|green|'''<code><nowiki>|</nowiki></code>'''}} de début de ligne par le caractère {{Coloré|green|'''<code><nowiki>!</nowiki></code>'''}} ; ainsi, cette cellule est considérée comme un en-tête, avec un texte automatiquement centré et mis en caractères gras ;
| |
| − | * la cellule 2, à présent de couleur bleue, s'étend sur 3 lignes ; son texte '''cellule 2''' est centré verticalement, et apparaît sur la deuxième ligne du tableau.
| |
| − |
| |
| − | == Spécifier la taille d'un tableau ==
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | ! width="50%" | Codage wiki !! width="auto" | Résultat affiché
| |
| − | |-
| |
| − | |
| |
| − | <pre>{| border="8" style="height:160px;width:160px"
| |
| − | !style="background:#f0a0a0;"|cellule1
| |
| − | |style="background:#60a0ff;vertical-align:bottom;" rowspan="3"|cellule2
| |
| − | |-
| |
| − | |style="background:#a0ffa0;"|cellule3
| |
| − | |-
| |
| − | |cellule4
| |
| − | |}</pre>
| |
| − | |
| |
| − | {| border="8" style="height:160px;width:160px;"
| |
| − | !style="background:#f0a0a0;"|cellule1
| |
| − | |style="background:#60a0ff;vertical-align:bottom;" rowspan="3"|cellule2
| |
| − | |-
| |
| − | |style="background:#a0ffa0;"|cellule3
| |
| − | |-
| |
| − | |cellule4
| |
| − | |}
| |
| − | |}
| |
| − | Il est possible de définir la dimension d'un tableau en pixels à l'aide des paramètres {{Coloré|green|'''<code><nowiki>height=</nowiki></code>'''}} et {{Coloré|green|'''<code><nowiki>width=</nowiki></code>'''}}, suivis de la dimension en pixels.
| |
| − | Les mêmes paramètres peuvent être appliqués aux lignes et aux cellules, sachant qu'une même dimension ajustée à l'aide de deux paramètres se calera sur la plus grande valeur des attributs de ces paramètres.
| |
| − |
| |
| − | == Exemple bilan : wikitable ==
| |
| − | Le tableau ci-dessous est un bilan à utiliser comme mémo. Il y a au moins une fois chaque fonction souvent nécessaire (<code>width</code>, <code>valign</code>, <code>colspan</code>, <code>rowspan</code>) ; à vous d'observer comment ce tableau est codé, et de combiner les fonctions pour créer le tableau de votre choix.
| |
| − | {| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |
| − | |- bgcolor="#E0E0FF"
| |
| − | !width="50%"| Résultat affiché !!width="50%"| Codage wiki
| |
| − | |-
| |
| − | |
| |
| − | {| class="wikitable" align="center" style="width:80%"
| |
| − | |+ Mémo
| |
| − | ! colspan="3"| Les sinogrammes dans le monde
| |
| − | |-
| |
| − | !style="width:33%"| Pays ||style="width:33%"| Population || Sinogrammes
| |
| − | |- style="vertical-align:top;"
| |
| − | | Chine (RPC) || {{formatnum:1.3}} milliards || Simplifiés<br/>(En fait des variantes d'usage ancien)
| |
| − | |-
| |
| − | || Taïwan || 23 millions ||rowspan="2"| Traditionnels
| |
| − | |-
| |
| − | | Hongkong || 6 millions
| |
| − | |-
| |
| − | ! colspan="3"| Source : [http://insee.org/Stat/Sino Insee.org]
| |
| − | |}
| |
| − | |
| |
| − | <pre>
| |
| − | {| class="wikitable" align="center" style="width:80%"
| |
| − | |+ Mémo
| |
| − | ! colspan="3"| Les sinogrammes dans le monde
| |
| − | |-
| |
| − | !style="width:33%"| Pays ||style="width:33%"| Population || Sinogrammes
| |
| − | |- style="vertical-align:top;"
| |
| − | | Chine (RPC) || {{formatnum:1.3}} milliards || Simplifiés<br/>
| |
| − | (En fait des variantes d'usage ancien)
| |
| − | |-
| |
| − | || Taïwan || 23 millions ||rowspan="2"| Traditionnels
| |
| − | |-
| |
| − | | Hongkong || 6 millions
| |
| − | |-
| |
| − | ! colspan="3"| Source : [http://insee.org/Stat/Sino Insee.org]
| |
| − | |}
| |
| − | </pre>
| |
| − | |}
| |
| − | ;Fonctions clefs
| |
| − | 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>'''}} : tableau {{Coloré|green|'''<code><nowiki>{| valign="top"</nowiki></code>'''}} , ligne {{Coloré|green|'''<code><nowiki>|- valign="top"</nowiki></code>'''}}, case {{Coloré|green|'''<code><nowiki>||valign="top"|</nowiki></code>'''}} . Les valeurs possibles sont {{Coloré|green|<code>top</code>}} et {{Coloré|green|<code>bottom</code>}}<!--
| |
| − | Non encore traité :
| |
| − | * Couleurs : | bgcolor="#AAE0E0" | et bordercolor.
| |
| − | * Aligner le texte à droite : text-align="right" ??
| |
| − | * scope="col" : c'est de la méta-donnée
| |
| − |
| |
| − | --><br />
| |
| − | <!-- Meilleur terminologie possible : pour 'étendre' x cellules , ??? -->
| |
| − | 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)
| |
| − | Pour '''fusionner verticalement x cellules''', on utilise la fonction {{Coloré|green|'''<code><nowiki>rowspan="x"</nowiki></code>'''}} (étage expansion x) : {{Coloré|green|'''<code><nowiki>||rowspan="2"|</nowiki></code>'''}}. La 1ère cellule du haut doit être paramétrée, l'extension se fait vers le bas. Les cases mangées ne doivent '''pas''' être présentes dans votre code.
| |
| − |
| |
| − | == Exemple bilan : tableaux triables ==
| |
| − | {{Encart|couleur=red|texte='''Bonne pratique''' : éviter autant que possible l'utilisation des tableaux triables qui posent des gros problèmes d'accessibilité.}}
| |
| − | 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"
| |
| − | ! width="50%" | Résultat affiché !! width="50%" | Codage wiki
| |
| − | |-
| |
| − | |
| |
| − | {|class="wikitable sortable"
| |
| − | |+ Benelux
| |
| − | ! Pays || Rang || Population || Date du relevé ||class="unsortable"| Non triable
| |
| − | |-
| |
| − | | Pays-Bas || 1 || {{formatnum:16.500.000}} || 2003 || Cette
| |
| − | |-
| |
| − | | Belgique || 2 || 10 millions || 2007 || Colonne
| |
| − | |-
| |
| − | | Luxembourg || 3 || {{formatnum:0.5}} millions || || est fixe.
| |
| − | |-class="sortbottom"
| |
| − | ! Benelux || || Total : 27 M || ||
| |
| − | |}
| |
| − | |
| |
| − | <pre>
| |
| − | {|class="wikitable sortable"
| |
| − | |+ Benelux
| |
| − | ! Pays || Rang || Population || Date du relevé ||class="unsortable"| Non triable
| |
| − | |-
| |
| − | | Pays-Bas || 1 || {{formatnum:16.500.000}} || 2003 || Cette
| |
| − | |-
| |
| − | | Belgique || 2 || 10 millions || 2007 || Colonne
| |
| − | |-
| |
| − | | Luxembourg || 3 || {{formatnum:0.5}} millions || || est fixe.
| |
| − | |-class="sortbottom"
| |
| − | ! Benelux || || Total : 27 M || ||
| |
| − | |}
| |
| − | </pre>
| |
| − | |}
| |
| − | ;Fonctions nouvelles
| |
| − | '''Toutes les colonnes deviennent triables''' lorsque le tableau est classé par : '''{{Coloré|green|<code><nowiki>{| class="wikitable sortable"</nowiki></code>}}'''<br />
| |
| − | '''Une colonne devient fixe''' et non triable lorsqu'on lui spécifie : '''{{Coloré|green|<code><nowiki>||class="unsortable"|</nowiki></code>}}'''<br />
| |
| − | '''Une ligne devient fixe''' et non triable lorsqu'on lui spécifie : '''{{Coloré|green|<code><nowiki>|- class="sortbottom"</nowiki></code>}}'''<br />
| |
| − | Les '''totaux''' <u>ne sont pas</u> calculés automatiquement, ils sont entrés à la main par l'auteur du tableau.
| |
| − | Les lignes comprenant des '''lettres accentuées''' ne sont pas triées correctement. Il est très facile d'y remédier. '''Voir : [[Aide:Tableau pour expert|Tableau pour expert]].'''
| |
| − |
| |
| − | ;Limite connue :Les tables ayant des cellules s'étalant sur plusieurs lignes (<code>rowspan</code>) ou colonnes (<code>colspan</code>) ou ayant des cellules manquantes en fin de ligne peuvent ne pas se trier correctement.
| |
| − |
| |
| − |
| |
| − | == Sources et crédits de cet article ==
| |
| − | Cet article est largement inspiré et adapté de la page ''[[wikipedia.fr:Aide:Les tableaux pour les curieux|Wikipédia:Aide:Les tableaux pour les curieux]]'' du 30 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].
| |
| − |
| |
| − | {{clear}}
| |
| − | {{Palette aide}}
| |
| − | [[Catégorie:Aide|{{PAGENAME}}]]
| |
| − |
| |
| − | [[Catégorie:Nouvel article|{{PAGENAME}}]]
| |
