JSON HTML-taulukoksi
Free online Json To Html Table tool, no installation required
Tietoja JSON-HTML-taulukko muuntimesta
Muuntaa objektien taulukon (tai yksittäisen objektin) tyylikkääksi HTML <table> -taulukoksi, jossa on thead, joka on rakennettu kaikkien avainten yhdistelmästä. Muunnin lisää valinnaisesti <style> -lohkon vihreällä otsikolla, seepra-raidoituksella ja hover-vaikutuksella, ja renderöi live-esikatselun luodusta HTML:stä kooditulosteen alla.
Käyttöohje
1. Liitä JSON-objektien taulukko (tai yksittäinen objekti) syöttötekstialueeseen. 2. Aseta Taulukon nimi (käytetään CSS-luokkana; oletus json-table). 3. Aseta Sisällytä tyylit ja reunat yhteen -valitsimet. 4. Napsauta Muunna. 5. Käytä Kopioi kopioidaksesi HTML:n; renderöity esikatselu ilmestyy koodin alle.
Taulukon luontisäännöt
Yksittäinen objekti kääritään yhden elementin taulukoksi. Sarakeotsikot tulevat kaikkien rivien kaikkien avainten yhdistelmästä, joten hajanaiset objektit tuottavat silti täydellisen sarakemäärän. Null- tai määrittelemättömät solut renderöityvät tyhjinä <td> -elementteinä. Objekti- tai taulukkosoluarvot serialisoidaan JSON.stringify-funktiolla ja kääritään <code> -elementtiin. Tyylilohko kohdistaa table.<class> -elementin #4CAF50-vihreällä otsikolla, 1 px #ddd -reunuksilla, 8 px 12 px -täytteellä, parillisen rivin #f9f9f9 -raidoituksella ja #f5f5f5 -rivin hover-vaikutuksella. Kun Sisällytä tyylit on pois päältä, vain pelkkä <table> -merkintä lähetetään.
▶Mitä syötemuotoja hyväksytään?
▶Miten sarakkeet määritetään hajanaisille riveille?
▶Miten sisäkkäiset objekti- tai taulukkoarvot renderöidään?
▶Voinko muokata taulukon CSS-luokkaa ja tyyliä?
Jos tämä työkalu on ollut sinulle hyödyllinen, harkitse kahvin ostamista.
Osta minulle kahvi