JSON zu HTML Tabellen-Renderer

JSON zu HTML Tabellen-Renderer

Konvertiert ein JSON-Array von Objekten in eine formatierte, interaktive HTML-Tabelle. Fügen Sie Ihre JSON-Daten ein und sehen Sie sofort eine gerenderte Tabelle mit sortierbaren Spalten, konfigurierbaren Stilen, Behandlung verschachtelter Objekte und Steuerelementen für die Spaltensichtbarkeit. Exportieren Sie das Ergebnis als einbettbares HTML mit Inline-CSS, als CSV oder im Markdown-Tabellenformat.

Anwendung

Fügen Sie ein JSON-Array von Objekten in das Eingabefeld ein. Das Tool erkennt automatisch alle eindeutigen Schlüssel über Objekte hinweg und rendert sie als Tabellenspalten. Wählen Sie einen Tabellenstil (Standard, Gestreift, Umrandet, Kompakt oder Dunkel), konfigurieren Sie, wie verschachtelte Objekte angezeigt werden sollen, und steuern Sie die Spaltensichtbarkeit. Klicken Sie auf Spaltenüberschriften, um zu sortieren. Kopieren Sie das generierte HTML, CSV oder Markdown oder laden Sie eine vollständige .html-Datei mit Inline-Stilen herunter.

Merkmale

• 5 Tabellenstile — Standard-, Gestreifte, Umrandete, Kompakte und Dunkle Themen. Jedes generiert eigenständiges Inline-CSS, sodass die Tabelle beim Einbetten überall korrekt aussieht.
• Behandlung verschachtelter Objekte — Drei Modi: Als JSON anzeigen (als JSON-Zeichenfolge anzeigen), Inline erweitern (mit Punktnotationsschlüsseln wie „adresse.stadt“ abflachen) oder Aufklappbar (verschachtelte Inhalte direkt ein-/ausklappen).
• Sortierbare Spalten — Klicken Sie auf eine beliebige Spaltenüberschrift, um aufsteigend oder absteigend zu sortieren. Funktioniert mit Text, Zahlen und Daten.
• Spaltensichtbarkeit — Automatisch ausgefüllte Kontrollkästchen für jede erkannte Spalte. Blenden Sie bestimmte Felder ein oder aus, um die Tabellenausgabe anzupassen.
• Paginierung — Automatische Paginierung für Datensätze mit über 50 Zeilen mit Vor-/Zurück-Navigation und Anzeige der Zeilenanzahl.
• HTML exportieren — Vollständiges, in sich geschlossenes HTML mit Inline-CSS kopieren oder herunterladen. Einbettbar in jede Webseite, E-Mail oder jedes Dokument.
• CSV exportieren — Korrekt zitierte CSV-Ausgabe, die Kommas, Anführungszeichen und Sonderzeichen in Werten behandelt.
• Markdown exportieren — Sauberes Markdown-Tabellenformat, kompatibel mit GitHub, GitLab und jedem Markdown-Renderer.
• Beispieldaten — Laden Sie Beispiel-JSON, um das Tool in Aktion zu sehen, bevor Sie Ihre eigenen Daten einfügen.

Unterstütztes JSON-Format

Das Tool erwartet ein JSON-Array von Objekten: [{"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}]. Objekte müssen keine identischen Schlüssel haben – fehlende Schlüssel in einigen Objekten erzeugen leere Zellen. Verschachtelte Objekte und Arrays werden gemäß dem ausgewählten Modus behandelt. Primitive Werte (Zeichenfolgen, Zahlen, Booleans, Null) werden direkt in Tabellenzellen angezeigt.