UltKit

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

Ausgabe

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

  1. 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. 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. 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

Zwei Release-Datensätze, umgewandelt mit „In HTML-Tabelle umwandeln“
[
  {"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 &amp; export</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Fix &lt;select&gt; width</td></tr>
  </tbody>
</table>

JSON-Eingabe und wählbare Tabellenausgaben

from ↓ · to →HTML tableMarkdown-TabelleDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Markdown-Tabelle: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Markdown-Tabelle: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Markdown-Tabelle: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Markdown-Tabelle: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Markdown-Tabelle: yesXLSX to DOCX table: yes
supported not offeredAlle Eingaben lassen sich über **Umwandeln in** in jede der drei Tabellenausgaben umwandeln; diese Seite wählt HTML vor.

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
JSON-Konverter

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
HTML-Konverter

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.