CSV-ből HTML táblázat
Készíts CSV-adatokból tiszta HTML-táblázatkódot thead, tbody résszel és védett cellákkal.
Kapcsolódó eszközök
CSV-ből HTML táblázat
Illessz be CSV-adatokat, és tiszta HTML táblázatot kapsz vissza — a fejlécsorból thead készül, a tbody minden rekordhoz egy tr sort tartalmaz, a két szóközös behúzás pedig egyenesen sablonba illeszthető. Tipikus feladatok: táblázatexport közzététele weboldalon, táblázat beszúrása CMS-tartalomba, ahol a vizuális szerkesztő szétzilálja a beillesztett cellákat, HTML e-mail építése, ahol a táblázat máig az egyetlen mindenhol működő elrendezés, vagy referencia-adatok elhelyezése a dokumentációban.
Hagyd az elválasztót automatikus felismerésen: az eszköz mintát vesz az adatokból, és azt a karaktert választja, amellyel a sorok a legegyenletesebbek — a vessző, a pontosvessző, a tabulátor és a függőleges vonal így beállítás nélkül működik. Az idézőjeles mezőket az RFC 4180 szerint kezeli: a mező tartalmazhatja az elválasztót, a megkettőzött idézőjelet "" és akár sortörést is, amely br jelölőként kerül a kimenetbe, így a rekord egyetlen táblázatsor marad. A hiányos rekordok üres cellákkal egészülnek ki a legszélesebb sor szélességéig, a táblázat tehát sosem lesz foghíjas.
Minden cella védetten kerül a kimenetbe — az és-jelek, a kacsacsőrök és az idézőjelek entitássá alakulnak —, így egy kósza < az adatokban sosem töri el az oldalt, és nem csempész be saját jelölőt. „Az első sor fejléc" beállítás az első rekordból th cellákat készít; kikapcsolva minden sor sima td lesz. Az egyszerű keretek stílus a táblázat elé egy kis CSS-blokkot tesz vékony vonalakkal, és görgethető konténerbe csomagolja, amely keskeny képernyőn vízszintesen csúsztatható; a „Csak jelölők" a megjelenést a saját CSS-edre bízza.
Minden a böngésződben fut, az adatok nem hagyják el az eszközödet, így az ügyféladatokat tartalmazó export is biztonságosan átalakítható. A kész kódot másold ki, töltsd le .txt fájlként, vagy illeszd be egyenesen az oldaladba.