DÉVELOPPEURS · OUTIL

Générateur de tableau HTML — Éditeur et aperçu

Créez un tableau HTML avec légende, en-têtes et cellules modifiables. Collez des données de tableur et exportez HTML et CSS responsive.

Générateur de tableau HTML — Éditeur et aperçu

OUTIL GRATUIT

Lignes, en-tête compris (1–20)Colonnes (1–12)

Légende du tableauUtiliser la première ligne comme en-tête

Coller des cellules d’un tableur (TSV)

Aperçu

A	B	C
1	2	3
4	5	6

Code généré

<style>
.table-scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
caption { text-align: left; font-weight: bold; padding: 0.75rem; }
th, td { border: 1px solid #cbd5e1; padding: 0.75rem; text-align: left; white-space: pre-wrap; }
th { background: #eff6ff; }
tbody tr:nth-child(even) { background: #f8fafc; }
</style>
<div class="table-scroll">
<table>
  <thead>
    <tr><th scope="col">A</th><th scope="col">B</th><th scope="col">C</th></tr>
  </thead>
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
  </tbody>
</table>
</div>

Les cellules contiennent du texte brut ; les caractères HTML sont échappés. L’export comprend HTML et CSS responsive.

EXEMPLE

Exemple d’utilisation

Créez un comparatif à trois colonnes, utilisez la première ligne comme en-tête et donnez une légende descriptive.

POINT À VÉRIFIER

À savoir avant de commencer

Limite de 20 lignes et 12 colonnes ; texte brut et une ligne d’en-tête. Pas de cellules fusionnées ni de balisage imbriqué.

Le tableau fonctionne-t-il sur mobile ?

Le conteneur exporté permet le défilement horizontal pour conserver des colonnes lisibles. Vérifiez le résultat avec les styles de votre site.

Référence

W3C WAI — Tables with one header

Générateur de tableau HTML — Éditeur et aperçu

Générateur de tableau HTML — Éditeur et aperçu

Aperçu

Exemple d’utilisation

À savoir avant de commencer

Guides pratiques

Outils similaires

Le tableau fonctionne-t-il sur mobile ?

Référence

Aperçu