Leere Zellen
Dieses Tool wandelt JSON in HTML um und erzeugt sauberes Tabellen-Markup zum Einfügen in eine Webseite, eine E-Mail oder ein CMS. JSON einfügen oder öffnen, die Tabelle in der Vorschau prüfen und den Code kopieren oder herunterladen.
Zuletzt aktualisiert:
So funktioniert’s
JSON bereitstellen
Ein JSON-Array einfügen, eine .json-Datei öffnen, „Von URL öffnen“ nutzen oder „Beispiel laden“ wählen. Das Array mit den Datensätzen wird automatisch gefunden.
Markup gestalten
Unter „Ausgabe“ zwischen „HTML-Tabelle“ und „Verschachtelte Listen“ wählen, eine „CSS-Klasse“ eintragen, „Inline-Styles“ einschalten und in der Tabellenansicht Spalten auswählen.
Code übernehmen
Im Tab „Vorschau“ das Ergebnis prüfen, dann kopieren oder mit „.HTML herunterladen“ als Datei speichern.
Funktionen
Aufgeräumtes Tabellen-Markup
Eine <table> mit <thead> und <tbody>, ein <th> pro Schlüssel und eine Zeile pro Datensatz – eingerückt oder in einer Zeile.
Klassen und Inline-Styles
Klassen wie table table-striped für das eigene Framework hinzufügen oder Rahmen und Innenabstände als style-Attribute schreiben, etwa für E-Mails und Editoren ohne eigenes CSS.
Listen für beliebige Strukturen
Ist das JSON keine Liste von Datensätzen, schreibt „Verschachtelte Listen“ jede Struktur als <ul> und <ol> mit fett gesetzten Schlüsseln.
Sicher maskiert
Jeder Wert wird maskiert, ein <script> in den Daten erscheint als Text. Die Vorschau läuft in einer Sandbox ohne Skripte.
Grenzen & Datenschutz
JSON-Dateien dürfen bis zu 50 MB groß sein, Tabellen sind auf 100.000 Zeilen begrenzt. Dateien über 5 MB werden direkt aus der Datei umgewandelt, ohne sie in den Editor zu laden.
Markdown-Tabellen und Lesezeichen-Dateien werden nicht unterstützt. Mehr auf der Datenschutzseite.
Häufige Fragen
Wie wird aus JSON eine HTML-Tabelle?
JSON-Array einfügen oder Datei öffnen. Das Tabellen-Markup entsteht schon beim Tippen und lässt sich kopieren oder mit „.HTML herunterladen“ speichern.
Kann ich die Tabelle vorher ansehen?
Ja. Der Tab „Vorschau“ zeigt die Tabelle so, wie ein Browser sie darstellt – in einer abgeschotteten Sandbox.
Wie füge ich eine Bootstrap-Klasse oder eigenes CSS hinzu?
Die Klassennamen in das Feld „CSS-Klasse“ eintragen, zum Beispiel table table-striped. Sie werden am <table>-Element gesetzt.
Was tun, wenn das JSON kein Array ist?
„Verschachtelte Listen“ wählen, um beliebiges JSON in verschachtelte HTML-Listen umzuwandeln, oder unter „Zu konvertierendes Array“ den Pfad zum gewünschten Array eintragen.
Was passiert mit verschachtelten Objekten?
Sie werden zu Spalten mit Punkt im Namen, etwa adresse.ort. Nicht benötigte Spalten lassen sich ausblenden und verschieben.
Ist das Tool kostenlos und werden Daten hochgeladen?
Es ist kostenlos und braucht kein Konto. Das HTML entsteht im Browser, das JSON verlässt das Gerät nicht.