Was das Tool macht
Dieses Tool wandelt JSON-Daten – typischerweise eine API-Antwort oder einen Export – in eine HTML-Tabelle um. Jedes Objekt wird zu einer Zeile und jeder Schlüssel zu einer Spalte. Verschachtelte Objekte werden zu Spaltennamen mit Punktnotation abgeflacht, damit die Tabelle zweidimensional bleibt.
So funktioniert es
- Füge JSON in das Feld Eingabe ein, lade eine
.json-Datei hoch oder klicke auf Beispiel. - Das Tabellen-Markup erscheint während der Eingabe rechts. Ungültiges JSON wird mit seiner Position gemeldet.
- Schalte Kopfzeile einschließen aus, wenn du nur die Datenzeilen willst.
- Kopiere das HTML oder lade es als
.html-Datei herunter.
Beispiel
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]ergibt eine Tabelle mit den Spalten name, address.city und tags. In Alices tags-Zelle steht admin; editor, die von Bob ist leer.
Tipps
- Um eine API-Antwort darzustellen, füge die ganze Antwort ein. Sieht sie aus wie
{"items": [...]}, werden die Zeilen automatisch ausitemsübernommen. - Nutze vorher den JSON-Formatierer, wenn du das JSON vor dem Umwandeln prüfen oder korrigieren willst.
FAQ
› Welche JSON-Struktur wird erwartet?
Am besten funktioniert ein Array von Objekten, ein Objekt pro Zeile. Ein Objekt mit einer einzigen Array-Eigenschaft wie {"data": [...]} wird ebenfalls verstanden. Jeder andere Wert wird zu einer einzelnen Zeile.
› Wie werden verschachtelte Objekte und Arrays behandelt?
Verschachtelte Felder werden zu Spaltennamen mit Punktnotation wie address.city. Arrays aus einfachen Werten werden mit "; " verbunden, und Arrays aus Objekten bekommen Indexpfade wie items.0.name.
› Was, wenn Objekte unterschiedliche Schlüssel haben?
Die Spalten sind die Vereinigung aller Schlüssel in der Reihenfolge ihres ersten Auftretens. Fehlende Werte bleiben leer.
› Kann ich die Ausgabe gefahrlos auf eine Webseite stellen?
Ja. Text wird HTML-maskiert, sodass Werte wie <script> als Text angezeigt werden.