Modèle:Tableau défilant

 Documentation[voir] [modifier] [historique] [purger]

Utilisation

modifier

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.

Exemple d’usage

modifier

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