Modèle:Tableau défilant/Documentation

Ceci est la page de documentation de Modèle:Tableau défilant [modifier] [purger].

Cette sous-page contient les instructions et les catégories de son modèle d'origine et elle n'est pas destinée à être visualisée directement.

Utilisation[modifier le code]

Ce modèle permet de produire des tableaux larges qui affichent une barre de defilement lorsque l’écran est trop étroit. C’est particulièrement utile pour faire des tableaux de comparaison.

Quelques notes :

La barre de défilement n’apparaît que si le tableau est plus large que la page.
Ce modèle ne permet que jusqu’à 30 en-têtes de lignes passés en paramètres à son sous-modèle {{Tableau défilant/haut}}, pour des fins pratiques.
- Des en-têtes de lignes peuvent être ajoutées en utilisant la syntaxe ordinaire des tableaux, entre les sous-modèles {{Tableau défilant/haut}} et {{Tableau défilant/milieu}}.
- Le sous-modèle {{Tableau défilant/haut}} n’utilise aucun espace de largeur pour assurer que les nouvelles lignes seront ajoutées là où c’est necessaire. Faites attention lorsque vous les éditez.

Exemple d’usage[modifier le code]

Le code suivant :

{{Tableau défilant/haut |first = en-tête du haut 1
 | en-tête à gauche 1
 | en-tête à gauche 2
 | ...
 | en-tête à gauche 30
}}
|-
! en-tête à gauche 31
{{Tableau défilant/milieu}}
|-
! en-tête du haut 2 !! en-tête du haut 3 !! en-tête du haut 4 !! en-tête du haut 5 !! en-tête du haut 6 !! en-tête du haut 7 !! en-tête du haut 8 !! en-tête du haut 9 !! en-tête du haut 10 !! en-tête du haut 11 !! en-tête du haut 12 !! en-tête du haut 13 !! en-tête du haut 14 !! en-tête du haut 15 !! en-tête du haut 16 !! en-tête du haut 17 !! en-tête du haut 18 !! en-tête du haut 19 !! en-tête du haut 20
|-
| Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum
|-
| Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum
|-
| ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ... || ...
|-
| Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum
|-
| Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum || Lorem ipsum
{{Tableau défilant/bas}}

produit le tableau suivant :

en-tête du haut 1
en-tête à gauche 1
en-tête à gauche 2
...
en-tête à gauche 30
en-tête à gauche 31

en-tête du haut 2	en-tête du haut 3	en-tête du haut 4	en-tête du haut 5	en-tête du haut 6	en-tête du haut 7	en-tête du haut 8	en-tête du haut 9	en-tête du haut 10	en-tête du haut 11	en-tête du haut 12	en-tête du haut 13	en-tête du haut 14	en-tête du haut 15	en-tête du haut 16	en-tête du haut 17	en-tête du haut 18	en-tête du haut 19	en-tête du haut 20
Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum
Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum
...	...	...	...	...	...	...	...	...	...	...	...	...	...	...	...	...	...	...
Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum
Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum