Aller au contenu
Forge

Tableau en cartes sur mobile

Un vrai tableau sur grand écran dont chaque ligne devient une carte lisible sur mobile, sans défilement horizontal ni JavaScript.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Sous 640 pixels, les en-têtes sont masqués visuellement mais restent lus par les lecteurs d'écran, et chaque cellule affiche le nom de sa colonne grâce à l'attribut data-label. Les disponibilités sont signalées par un badge, « Complet » compris.

Code

Chargement du code…

Contenu de l'archive

tableau-cartes-mobile-html-tailwind.zip3 fichiers · 4 Ko

  • index.html14 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Tableau triable

    Gratuit

    Un tableau de données dont chaque colonne se trie d'un clic, par ordre croissant ou décroissant, sans bibliothèque.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Témoignage vidéo avec transcription

    Gratuit

    Une affiche de vidéo dessinée en CSS avec bouton de lecture, la citation forte du témoignage, son auteur, et la transcription horodatée dans un volet dépliable.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Compteurs animés

    Gratuit

    Quatre chiffres clés en cartes, qui défilent de zéro à leur valeur quand la section entre à l'écran, avec icône, unité et libellé.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Sommaire de page

    Gratuit

    Une table des matières qui suit la lecture d'un long article et surligne la section en cours.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant