JSON til HTML-tabel

Transformer et array af objekter (eller et enkelt objekt) til en HTML-<table> med stilark, hvor thead bygges ud fra foreningen af alle nøgler. Konverteren kan valgfrit udsende en <style>-blok med grøn overskrift, zebra-striber og hover-effekt og renderer en direkte forhåndsvisning af den genererede HTML under kodeoutputtet.

1. Indsæt et JSON-array af objekter (eller et enkelt objekt) i input-tekstområdet. 2. Angiv et tabelnavn (bruges som CSS-klasse; standard er json-table). 3. Skift Include Styles og Border Collapse til/fra. 4. Klik på Convert. 5. Brug Copy til at kopiere HTML; en renderet forhåndsvisning vises under koden.

Et enkelt objekt pakkes ind i et array med ét element. Kolonneoverskrifter kommer fra foreningen af nøgler på tværs af alle rækker, så sparsomme objekter stadig producerer et fuldt sæt kolonner. Null- eller undefined-celler renderer som tomme <td>. Objekt- eller array-celleværdier serialiseres med JSON.stringify og pakkes ind i <code>. Style-blokken retter sig mod table.<class> med en #4CAF50 grøn overskrift, 1px #ddd-kanter, 8px 12px padding, #f9f9f9-striber på lige rækker og #f5f5f5 hover på rækker. Når Include Styles er slået fra, udsendes kun den nøgne <table>-markup.