Sări la conținut
TextArray
Complet local

Tabel CSV în HTML

Transformați datele CSV într-un tabel HTML curat cu celulele ad, tbody și escape.

Intrare
Ieșire

Tabel CSV în HTML

Inserați datele CSV și obțineți înapoi un tabel HTML curat - un anunț construit din rândul antetului, un tbody cu o tr per înregistrare și o indentație ordonată din două spații, care se încadrează direct într-un șablon sau o revizuire a codului. Lucrări tipice: publicarea unui export de foi de calcul pe o pagină web, adăugarea unui tabel la conținutul CMS în care editorul vizual strică celulele lipite, construirea unui e-mail HTML în care tabelele sunt în continuare singurul aspect care se redă peste tot sau introducerea datelor de referință în documentație.

Lăsați delimitatorul pe detectarea automată, iar instrumentul prelevează datele dvs. și alege caracterul care produce cele mai consistente rânduri, astfel încât fișierele virgulă, punct și virgulă, tab și pipe toate se convertesc fără configurare. Câmpurile citate urmează RFC 4180: un câmp înfășurat între ghilimele duble poate conține delimitator, ghilimele „” dublate și chiar întreruperi de linie, care apar ca etichete br, astfel încât fiecare înregistrare să fie redată în continuare ca un singur rând. Înregistrările cu celule lipsă sunt completate pe cel mai lat rând, astfel încât tabelul nu este niciodată zdrențuit.

Fiecare celulă este HTML-escaped — ampersand, parantezele unghiulare și ghilimele devin entități — așa că un < rătăcit din date nu poate sparge niciodată pagina sau introduce marcajul. opriți-l și fiecare rând devine un rând simplu td. Stilul de bază adaugă un bloc de stil mic cu margini de păr și înfășoară masa într-un container care derulează orizontal pe ecrane înguste; marcajul lasă doar stilul propriului CSS.

Totul rulează în browserul dvs. și datele nu părăsesc niciodată dispozitivul dvs., astfel încât un export de client poate fi convertit în siguranță. Copiați marcajul, descărcați-l ca fișier .txt sau inserați-l direct în pagina dvs.

FAQ

Ce delimitatori citește?
Virgulă, punct și virgulă, tab și pipe, cu detectare automată în mod implicit: instrumentul prelevează datele și alege caracterul care dă cele mai consistente rânduri. Când presupunerea este greșită, alegeți manual delimitatorul.
Conținutul celulei a scăpat?
Da. Ampersand, parantezele unghiulare și ghilimele devin entități HTML, astfel încât datele nu pot injecta niciodată marcaj în pagina dvs. O întrerupere de linie în interiorul unui câmp citat devine o etichetă br, astfel încât înregistrarea rămâne pe un rând de tabel.
Ce adaugă stilul de bază?
Un bloc de stil mic, cu margini firului de păr prin restrângere a marginilor și umplutură celulară, plus un div de înveliș care derulează orizontal pe ecranele înguste. Toate numele claselor sunt prefixate cu tabelul tabel, deci nu se vor ciocni cu CSS-ul tău. Markupul omite doar totul.
Ce se întâmplă cu rândurile cu celule lipsă?
Înregistrările scurte sunt umplute cu celule td goale la lățimea celui mai lat rând, astfel încât tabelul generat are întotdeauna o formă dreptunghiulară.
Datele mele sunt încărcate undeva?
Nu. Conversia rulează în întregime în browserul dvs. și CSV-ul dvs. nu părăsește dispozitivul.