JSON in HTML-Tabelle umwandeln
Zeigen Sie API-Ausgaben Menschen, die nie eine .json-Datei öffnen würden. Der Konverter erstellt aus Ihren Datensätzen eine HTML-Tabelle mit einer Kopfzelle pro Schlüssel und einer Zeile pro Objekt, bereit zum Öffnen im Browser oder zum Einfügen in eine Seite.
Daten-Konverter
oder CSV, TSV, TXT …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
Zeichen, das Spalten in CSV- und Textdateien trennt, sowohl beim Lesen als auch beim Schreiben. Automatisch erkennt es anhand der Eingabe und schreibt Kommas.
UTF-8 funktioniert für jede Sprache. Wählen Sie UTF-8 mit BOM, wenn Excel unter Windows beim Öffnen der CSV-Datei Umlaute oder asiatische Zeichen fehlerhaft anzeigt.
Eingabe aus Excel, ODS und Numbers: nur das erste Blatt oder alle Blätter umwandeln (eine CSV pro Blatt in einer ZIP-Datei oder ein JSON-Schlüssel pro Blatt).
Name des Tabellenregisters in der neuen Tabelle, bis zu 31 Zeichen.
Array von Objekten verwendet Spaltennamen als Schlüssel für jede Zeile; Array von Arrays ist kompakter und behält die Kopfzeile als erstes Array.
Name des äußeren Elements, das alle Zeilen umschließt; jede Zeile wird darin zu einem <row>.
Wird in CREATE-TABLE- und INSERT-Anweisungen verwendet. Nur Buchstaben, Ziffern und Unterstriche.
Anführungszeichen und Spaltentypen unterscheiden sich leicht zwischen Datenbanken; wählen Sie die, in die Sie importieren.
Datumszellen in einem einheitlichen Format schreiben. ISO (2026-10-18) ist für Datenbanken und Code am sichersten; „Unverändert“ lässt sie so, wie sie in der Quelle stehen.
So verwenden Sie dieses Tool
- 1
JSON-Daten hochladen
Fügen Sie .json-, .jsonl- oder .ndjson-Dateien hinzu. Am saubersten wird die Tabelle bei einem Array aus Objekten mit denselben Schlüsseln. Bis zu 20 Dateien, je 95 MB.
- 2
Spaltenköpfe und Datumsangaben prüfen
Die Schlüssel werden zu Spaltenüberschriften. Stellen Sie unter Erweiterte Einstellungen bei Datumsangaben ein Format ein, das Ihre Leser kennen, z. B. 18.10.2026 für ein deutschsprachiges Publikum.
- 3
In HTML-Tabelle umwandeln
Klicken Sie auf In HTML-Tabelle umwandeln, prüfen Sie die .html-Datei im Browser und kopieren Sie die Tabelle dann in Ihr CMS, Ihren Newsletter-Editor oder Ihr Wiki.
JSON in HTML wandelt ein Array von Datensätzen in ein schlichtes table-Element um: die Schlüssel oben, eine Zeile pro Datensatz und sonst nichts, damit es in jede Seite und jede E-Mail passt.
Wer JSON als HTML-Tabelle braucht
Das JSON stammt meist aus einem System, die Tabelle ist aber für Menschen gedacht. Ein Produktmanager holt eine Liste von Feature-Flags aus einer Admin-API und will sie im Team-Wiki haben. Ein Entwickler muss einem Kunden die Ergebnisse eines Datenexports zeigen, ohne ihm einen JSON-Viewer zu geben. Ein Newsletter-Redakteur erhält Veranstaltungslisten von einer Buchungsplattform und braucht sie in der nächsten Ausgabe. Hunderte Datensätze von Hand abzutippen ist mühsam.
Tabellen gehören seit HTML 3.2 zum Web, das das W3C im Januar 1997 als Recommendation veröffentlichte, und jeder Browser, jedes CMS und jeder E-Mail-Client kann sie darstellen. Der Konverter schreibt nur die Struktur, Kopfzellen und Datenzellen, sodass die vorhandenen Stile Ihrer Website das Aussehen bestimmen. Ist das Ziel eine GitHub-README oder eine in Markdown geschriebene Dokumentation, erzeugt CSV in Markdown das Pendant als Pipe-Tabelle.
Beispiel: JSON in HTML-Tabelle
[
{"version": "2.4.0", "date": "2026-09-30", "notes": "Faster search & export"},
{"version": "2.3.1", "date": "2026-08-12", "notes": "Fix <select> width"}
]
<table>
<thead>
<tr><th>version</th><th>date</th><th>notes</th></tr>
</thead>
<tbody>
<tr><td>2.4.0</td><td>2026-09-30</td><td>Faster search & export</td></tr>
<tr><td>2.3.1</td><td>2026-08-12</td><td>Fix <select> width</td></tr>
</tbody>
</table>JSON-Eingabe und wählbare Tabellenausgaben
| from ↓ · to → | HTML table | Markdown-Tabelle | DOCX table |
|---|---|---|---|
| JSON array | JSON array to HTML table: yes | JSON array to Markdown-Tabelle: yes | JSON array to DOCX table: yes |
| JSON Lines | JSON Lines to HTML table: yes | JSON Lines to Markdown-Tabelle: yes | JSON Lines to DOCX table: yes |
| NDJSON | NDJSON to HTML table: yes | NDJSON to Markdown-Tabelle: yes | NDJSON to DOCX table: yes |
| CSV | CSV to HTML table: yes | CSV to Markdown-Tabelle: yes | CSV to DOCX table: yes |
| XLSX | XLSX to HTML table: yes | XLSX to Markdown-Tabelle: yes | XLSX to DOCX table: yes |
Wo eine HTML-Tabelle gut passt
- Wikis, CMS-Seiten und Intranet-Portale, die rohes HTML akzeptieren
- E-Mail-Newsletter, in denen Tabellen in fast jedem Client angezeigt werden
- Schnelles Teilen: Jeder Browser öffnet die Datei, keine Software nötig
Wo sie die falsche Wahl ist
- Daten, die weiter bearbeitet werden und deshalb in eine Tabellenkalkulation gehören
- Sehr große Exporte, bei denen eine Seite mit 50.000 Zeilen träge zu scrollen ist
- Die Weitergabe an ein anderes Programm, das stattdessen das JSON oder eine CSV erhalten sollte
JSON und HTML im Überblick
JSON
JavaScript Object Notation
JSON ist ein schlankes Textformat für strukturierte Daten, in den frühen 2000er-Jahren von Douglas Crockford populär gemacht und als RFC 8259 und ECMA-404 standardisiert. Es stellt Objekte, Arrays, Zeichenketten, Zahlen, Booleans und null in einfacher, lesbarer Syntax dar. Es ist das Standardformat für Web-APIs, Konfigurationsdateien und den Datenaustausch zwischen Anwendungen in nahezu allen Programmiersprachen. Kommentare, Datumstypen und Schemas sind nicht eingebaut, und große verschachtelte Dateien sind ohne Viewer schwer lesbar.
- Komprimierung
- –
- Transparenz
- –
- Animation
- –
- Eingeführt
- 2001 · Douglas Crockford
HTML
HyperText Markup Language
HTML ist die Auszeichnungssprache des Webs, die Tim Berners-Lee Anfang der 1990er-Jahre erstmals beschrieben hat und die heute von der WHATWG als „Living Standard“ gepflegt wird. Eine HTML-Datei beschreibt Überschriften, Absätze, Links, Tabellen, Bilder und Formulare, während das Aussehen meist per CSS festgelegt wird. Jeder Browser stellt sie dar, und sie wird auch für E-Mail-Vorlagen und gespeicherte Webseiten verwendet. Eine einzelne HTML-Datei hängt oft von externen Bildern und Stylesheets ab und kann deshalb allein verschoben kaputt aussehen.
- Komprimierung
- –
- Transparenz
- –
- Animation
- –
- Eingeführt
- 1993 · Tim Berners-Lee; maintained by WHATWG
JSON wird in HTML dargestellt, wenn per Code abgerufene Daten von Menschen im Browser, in einer E-Mail oder auf einer CMS-Seite gelesen werden sollen, wo eine Tabelle mit Überschriften besser ist als rohe Klammern und Anführungszeichen.
Die beiden Formate liegen an entgegengesetzten Enden einer Webanfrage. JSON sendet der Server an den Code, HTML zeigt am Ende der Browser. Von Hand umzuwandeln heißt, in einer Datei zu erledigen, was sonst ein Frontend-Template zur Laufzeit tut. Das ist die richtige Wahl, wenn die Daten eine Momentaufnahme sind und kein Feed, der sich minütlich ändert.
Fragen zu JSON in HTML
Kann ich die HTML-Tabelle in WordPress einfügen?
Ja. Wechseln Sie im Block-Editor zu einem Custom-HTML-Block bzw. im klassischen Editor auf den Reiter „Text“ und fügen Sie das table-Element ein. Die Tabellenstile Ihres Themes greifen automatisch, da die Ausgabe nur Markup enthält und kein eigenes Stylesheet.
Wird die Tabelle in Outlook und Gmail angezeigt?
HTML-Tabellen sind in E-Mails die zuverlässigste Struktur, denn Outlook für den Desktop rendert Nachrichten seit Outlook 2007 mit der Engine von Word und ignoriert viel modernes CSS. Fügen Sie die Tabelle über die HTML- bzw. Quelltext-Option Ihres E-Mail-Tools ein, statt die Datei anzuhängen.
Wie werden verschachtelte Objekte in der Tabelle dargestellt?
Verschachtelte Objekte werden in zusätzliche Spalten mit Punktnamen wie customer.email aufgeteilt. Eine Liste von Werten innerhalb eines Datensatzes bleibt als JSON-Text in einer einzigen Zelle, weil eine Tabellenzeile nicht pro Datensatz eine andere Zellenzahl haben kann.
Sind Sonderzeichen in meinen Daten im HTML sicher?
Zeichen mit Bedeutung in HTML, etwa < und &, werden als Entitäten geschrieben. Ein Wert wie <b>Sale</b> erscheint daher als Text, statt die Zelle fett zu machen. So wird auch verhindert, dass fremdes Markup aus nutzergenerierten Daten auf Ihrer Seite ausgeführt wird.
Warum eine Tabelle statt eines Diagramms?
Tabellen zeigen exakte Werte und erlauben das Nachschlagen einzelner Zeilen; Diagramme zeigen Trends. Für eine Preisliste, ein Änderungsprotokoll oder ein Mitarbeiterverzeichnis ist eine Tabelle richtig; für eine Zeitreihe nutzen Sie die HTML-Tabelle als Datenquelle für eine Diagrammbibliothek.
Kann ich die Daten nach dem Umwandeln bearbeiten?
Bearbeiten Sie die Quelle, nicht das HTML. Aktualisieren Sie das JSON oder die Tabelle, aus der es stammt, und wandeln Sie erneut um, oder übertragen Sie die Datensätze mit JSON in Excel in eine Arbeitsmappe, wenn sie von Nicht-Entwicklern gepflegt werden.
- HTML in JSON umwandelnHTML-Tabelle in JSON umwandeln: Kopfzellen werden Schlüssel, jede Zeile ein Objekt. .html- oder .htm-Seite hochladen, ohne Scraper-Code.
- JSON in Excel umwandelnJSON oder JSON Lines in eine Excel-XLSX-Tabelle umwandeln: Schlüssel werden Spalten, jeder Datensatz eine Zeile. Bis zu 20 Dateien, ohne Konto.
- JSON in CSV umwandelnJSON und JSON Lines in CSV umwandeln: eine Zeile pro Objekt, verschachtelte Felder als Spalten, UTF-8-BOM für Excel-Umlaute. 20 Dateien auf einmal.
- JSON in TXT umwandelnJSON in eine Textdatei umwandeln: ein Datensatz pro Zeile, Felder per Tab oder eigenem Trennzeichen. Öffnet sich in Notepad, Excel und CLI-Tools.
- CSV in Markdown-Tabelle umwandelnCSV in eine Markdown-Tabelle für GitHub, GitLab, Obsidian oder Jupyter umwandeln. Pipes maskiert, Kopfzeile bleibt, jedes Trennzeichen.
- HTML in CSV umwandelnTabellen einer gespeicherten Webseite in CSV für Excel oder Google Sheets umwandeln. Saubere Zeilen ohne Links, Stile oder Formatierung. HTML und HTM.