Aller au contenu
Forge

Tableau triable

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
Ouvrir dans un nouvel onglet

Description

Les en-têtes contiennent de vrais boutons et la colonne triée porte aria-sort, que les lecteurs d'écran annoncent. Les nombres et les dates se trient sur leur valeur, le texte selon l'ordre alphabétique français. Sur mobile, le tableau défile horizontalement dans une zone accessible au clavier.

Code

Chargement du code…

Contenu de l'archive

tableau-triable-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Tableau en cartes sur mobile

    Gratuit

    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
    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