Vai al contenuto
TextArray
100% locale

Tabella da CSV a HTML

Trasforma i dati CSV in markup di tabella HTML puliti con celle thead, tbody e di escape.

Ingresso

Tabella da CSV a HTML

Incolla i dati CSV e ottieni una tabella HTML pulita: un thead creato dalla riga di intestazione, un tbody con un tr per record e un rientro ordinato di due spazi che si inserisce direttamente in un modello o in una revisione del codice. Lavori tipici: pubblicare l'esportazione di un foglio di calcolo su una pagina Web, aggiungere una tabella al contenuto CMS in cui l'editor visivo altera le celle incollate, creare un'e-mail HTML in cui le tabelle sono ancora l'unico layout visualizzato ovunque o inserire dati di riferimento nella documentazione.

Lascia il delimitatore sul rilevamento automatico e lo strumento campiona i tuoi dati e sceglie il carattere che produce le righe più coerenti, quindi i file virgola, punto e virgola, tabulazione e pipe vengono tutti convertiti senza configurazione. I campi tra virgolette seguono RFC 4180: un campo racchiuso tra virgolette doppie può contenere il delimitatore, virgolette "" doppie e persino interruzioni di riga, che vengono visualizzati come tag br in modo che ogni record venga comunque visualizzato come una singola riga. I record con celle mancanti vengono riempiti sulla riga più ampia, quindi la tabella non viene mai interrotta.

Ogni cella è sottoposta a escape HTML - e commerciali, parentesi angolari e virgolette diventano entità - quindi un < vagante nei dati non potrà mai interrompere la pagina o introdurre contrabbando markup. "La prima riga è intestazioni" trasforma il primo record in celle; spegnilo e ogni riga diventa una semplice riga td. Lo stile base aggiunge un piccolo blocco di stile con bordi sottili e avvolge la tabella in un contenitore che scorre orizzontalmente su schermi stretti; il markup lascia solo lo stile al tuo CSS.

Tutto viene eseguito nel tuo browser e i dati non lasciano mai il tuo dispositivo, quindi l'esportazione di un cliente può essere convertita in tutta sicurezza. Copia il markup, scaricalo come file .txt o incollalo direttamente nella tua pagina.

FAQ

Quali delimitatori legge?
Virgola, punto e virgola, tabulazione e barra verticale, con rilevamento automatico per impostazione predefinita: lo strumento campiona i dati e seleziona il carattere che produce le righe più coerenti. Quando l'ipotesi è sbagliata, scegli manualmente il delimitatore.
Il contenuto della cella è sottoposto a escape?
SÌ. E commerciali, parentesi angolari e virgolette diventano entità HTML, quindi i dati non potranno mai inserire markup nella tua pagina. Un'interruzione di riga all'interno di un campo tra virgolette diventa un tag br quindi il record rimane una riga della tabella.
Cosa aggiunge lo stile base?
Un piccolo blocco di stile con bordi sottili tramite collasso dei bordi e riempimento delle celle, oltre a un div wrapper che scorre orizzontalmente su schermi stretti. Tutti i nomi delle classi hanno il prefisso ta-table, quindi non entreranno in collisione con il tuo CSS. Il markup si limita a ometterlo tutto.
Cosa succede alle righe con celle mancanti?
I record brevi vengono riempiti con celle td vuote fino alla larghezza della riga più ampia, quindi la tabella generata ha sempre una forma rettangolare.
I miei dati vengono caricati da qualche parte?
No. La conversione viene eseguita interamente nel tuo browser e il tuo CSV non lascia mai il tuo dispositivo.