Wat het doet
Deze tool zet JSON-data, meestal een API-response of een export, om in een HTML-tabel. Elk object wordt een rij en elke sleutel een kolom. Geneste objecten worden platgeslagen tot kolomnamen met punten, zodat de tabel tweedimensionaal blijft.
Zo gebruik je het
- Plak JSON in het veld Invoer, upload een
.json-bestand of klik op Voorbeeld. - De tabelmarkup verschijnt rechts terwijl je typt. Ongeldige JSON wordt gemeld met de positie.
- Zet Kopregel toevoegen uit als je alleen de datarijen wilt.
- Kopieer de HTML of download hem als
.html-bestand.
Voorbeeld
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]geeft een tabel met de kolommen name, address.city en tags. In de tags-cel van Alice staat admin; editor en die van Bob is leeg.
Tips
- Wil je een API-response tonen, plak dan de hele response. Ziet die eruit als
{"items": [...]}, dan worden de rijen automatisch uititemsgehaald. - Gebruik eerst de JSON formatter als je de JSON wilt bekijken of herstellen voordat je hem omzet.
Veelgestelde vragen
› Welke JSON-structuur verwacht het?
Een array van objecten werkt het best, één object per rij. Een object met één array-eigenschap, zoals {"data": [...]}, wordt ook begrepen. Elke andere waarde wordt één rij.
› Hoe worden geneste objecten en arrays verwerkt?
Geneste velden worden kolomnamen met punten, zoals address.city. Arrays met eenvoudige waarden worden samengevoegd met "; ", en arrays van objecten krijgen indexpaden zoals items.0.name.
› En als objecten verschillende sleutels hebben?
De kolommen zijn alle sleutels samen, in de volgorde waarin ze voor het eerst voorkomen. Ontbrekende waarden blijven leeg.
› Is de uitvoer veilig om op een webpagina te zetten?
Ja. Tekst wordt HTML-ge-escapet, dus waarden zoals <script> worden als tekst getoond.