Json To Html Table

Gjør om en rekke av objekter (eller et enkelt objekt) til en stilet HTML <table> med en thead bygget fra sammenslåingen av alle nøkler. Konvertereren kan valgfritt sende ut en <style>-blokk med grønn topptekst, sebra-striping og hover-effekt, og gjengir en live forhåndsvisning av den genererte HTML-en under kodeutdataene.

1. Lim inn en JSON-rekke av objekter (eller et enkelt objekt) i inndata-tekstområdet. 2. Sett et tabellnavn (brukes som CSS-klasse; standard er json-table). 3. Slå Inkluder stiler og Border Collapse på eller av. 4. Klikk Konverter. 5. Bruk Kopier for å kopiere HTML-en; en gjengitt forhåndsvisning vises under koden.

Et enkelt objekt pakkes inn i en rekke med ett element. Kolonneoverskrifter kommer fra sammenslåingen av nøkler på tvers av alle rader, så sparsomme objekter produserer fortsatt et fullstendig kolonnesett. Null- eller undefined-celler gjengis som tomme <td>. Objekt- eller rekke-celleverdier serialiseres med JSON.stringify og pakkes inn i <code>. Stilblokken målretter table.<class> med en #4CAF50 grønn topptekst, 1px #ddd-kanter, 8px 12px polstring, partallsrad #f9f9f9-striping og #f5f5f5 rad-hover. Når Inkluder stiler er av, sendes kun den nakne <table>-markeringen ut.