jsonecho

JSON naar HTML-tabel

Maak van een JSON-array een nette HTML-tabel, met een live voorbeeld.

De tool wordt geladen...

Zo gebruik je JSON naar HTML-tabel

  1. Plak je JSON-array.
  2. Voer optioneel een CSS-klasse voor de tabel in.
  3. Bekijk het tabblad Voorbeeld en kopieer dan de HTML.

Over JSON naar HTML-tabel

Wil je wat JSON-gegevens op een webpagina tonen zonder een sjabloon te schrijven? Deze tool maakt een gewone HTML-tabel: een koprij uit de sleutels, één rij per record, alle waarden geëscaped zodat ze veilig in een pagina kunnen worden geplakt.

Je krijgt geen inline stijlen, alleen de structuur, zodat je eigen CSS bepaalt hoe het eruitziet. Voeg in de opties een klassenaam toe als je wilt dat de tabel een frameworkstijl oppikt zoals table table-striped.

Veelgestelde vragen

Is de HTML veilig om te publiceren?

Waarden worden geëscaped, dus punthaken en ampersands in je gegevens kunnen geen markup veroorzaken. Jij bepaalt nog steeds waar de tabel op de pagina komt.

Gebruikt het inline stijlen?

Nee, alleen de elementen table, thead, tbody, tr, th en td. Stijl het met je eigen CSS.

Wat met geneste objecten?

Ze worden afgevlakt tot kolommen met puntnamen, dus elke cel bevat een eenvoudige waarde.

Meer in Converters

Alle tools →