JSON → Tableau HTML

Convertit array JSON en tableau HTML automatiquement + aperçu

Convertissez un tableau JSON d'objets en tableau HTML. Chaque objet devient une ligne et les clés deviennent des en-têtes de colonne. Fournit à la fois le code HTML et un aperçu en direct.

Code

<table border="1" cellpadding="8" cellspacing="0">
  <thead>
    <tr>
    <th>name</th>
    <th>age</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>Alice</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Bob</td>
    <td>25</td>
  </tr>
  </tbody>
</table>

Aperçu

name	age
Alice	30
Bob	25

Comment utiliser

Collez un tableau JSON d'objets dans la zone d'entrée.
L'outil utilise les clés du premier objet comme en-têtes de colonne et chaque élément comme une ligne.
Affichage le code HTML généré et copiez-le avec le bouton de copie.
Vérifiez l'aperçu en direct sous le code pour confirmer que le tableau semble correct.

Exemples

Coller [{"name":"Alice","age":30},{"name":"Bob","age":25}] génère un tableau de deux lignes avec les colonnes name et age.
Le HTML de sortie utilise une balise de tableau border-1 avec thead/tbody, et toutes les valeurs de cellule sont échappées en HTML.

Vérifiez les sorties avant utilisation en production. Aucune garantie — voir Conditions.