JSON → HTML-Tabelle

Konvertiert JSON-Array automatisch in HTML-Tabelle + Vorschau

Konvertieren Sie ein JSON-Objekt-Array in eine HTML-Tabelle. Jedes Objekt wird zu einer Zeile und Schlüssel werden zu Spaltenkopfzeilen. Erhalten Sie sowohl HTML-Code als auch eine Live-Vorschau.

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>

Vorschau

name	age
Alice	30
Bob	25

Wie man es benutzt

Fügen Sie ein JSON-Array von Objekten in den Eingabebereich ein.
Das Tool verwendet die Schlüssel des ersten Objekts als Spalten-Header und jedes Element als Zeile.
Zeigen Sie den generierten HTML-Code an und kopieren Sie ihn mit der Kopierschaltfläche.
Überprüfen Sie die Live-Vorschau unter dem Code, um zu bestätigen, dass die Tabelle korrekt aussieht.

Beispiele

Das Einfügen von [{"name":"Alice","age":30},{"name":"Bob","age":25}] generiert eine zweizeilige Tabelle mit name und age Spalten.
Die Ausgabe HTML verwendet ein border-1 table Tag mit thead/tbody, und alle Zellwerte sind HTML-escaped.

Ergebnisse vor dem Produktiveinsatz prüfen. Keine Gewährleistung — siehe Nutzungsbedingungen.