JSON till HTML-tabell

Omvandlar en array av objekt (eller ett enda objekt) till en stilmall HTML <table> med en thead byggd från unionen av alla nycklar. Konverteraren kan valfritt generera ett <style>-block med grön rubrik, zebraräfflor och hovringseffekt, och visar en live-förhandsvisning av den genererade HTML-koden under kodutmatningen.

1. Klistra in en JSON-array av objekt (eller ett enda objekt) i inmatningsfältet. 2. Ange ett tabellnamn (används som CSS-klass; standard är json-table). 3. Växla Inkludera stilar och Bordsammandragning. 4. Klicka på Konvertera. 5. Använd Kopiera för att kopiera HTML-koden; en renderad förhandsvisning visas under koden.

Ett enda objekt slås in i en enelements-array. Kolumnrubriker kommer från unionen av nycklar över alla rader, så glesa objekt producerar fortfarande en fullständig uppsättning kolumner. Null- eller undefined-celler renderas som tomma <td>. Objekt- eller arrayvärden i celler serialiseras med JSON.stringify och slås in i <code>. Style-blocket riktar sig mot table.<class> med en #4CAF50-grön rubrik, 1px #ddd-kanter, 8px 12px-padding, #f9f9f9-ränder på jämna rader och #f5f5f5-radmarkering vid hovring. När Inkludera stilar är av stängs endast den nakna <table>-markupen ut.