Générateur de tableau HTML responsive — Défilement mobile
Construisez visuellement un tableau HTML en cliquant sur les cellules et en saisissant vos données — obtenez un balisage sémantique et propre avec un aperçu en direct, sans format à coller ni à convertir.
Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
À propos de cet outil
Cette page ouvre le générateur de tableau avec un exemple large de sept colonnes déjà rempli et le conteneur responsive déjà activé, pour que vous puissiez voir immédiatement la solution en action.
Les tableaux larges sont l'un des rares éléments que le CSS responsive classique ne peut pas réorganiser — le texte s'adapte, mais pas les colonnes, de sorte qu'un tableau de six colonnes ou plus déborde de l'écran ou comprime chaque cellule de manière illisible sur un téléphone. Envelopper le tableau dans un div avec overflow-x: auto le conserve à sa largeur naturelle et permet au visiteur de le faire défiler horizontalement au lieu de casser la mise en page.
Ajoutez ou supprimez des colonnes pour correspondre à vos propres données, cliquez sur n'importe quelle cellule pour la modifier, et copiez le balisage final — le div conteneur n'est ajouté que lorsque cette case est cochée, vous pouvez donc comparer côte à côte le HTML avec et sans le conteneur.