Convertitore da CSV a Tabella HTML
Converti testo CSV in codice HTML per tabelle con gestione intestazione e classi personalizzate.
Esegui lo strumento
Questo strumento online trasforma testo formattato in CSV in una tabella HTML pronta per il web. Incolla i dati separati da virgole nel riquadro di testo per generare il codice HTML corrispondente. Quando attivi l'opzione per l'intestazione, la prima riga diventa l'intestazione della tabella, mentre le righe seguenti formano il corpo dei dati. Se disattivi questa opzione, tutte le righe compaiono all'interno del corpo della tabella come celle ordinarie. Puoi assegnare una classe CSS personalizzata all'elemento principale per applicare stili grafici coerenti con il tuo foglio di stile. I caratteri speciali presenti nelle celle e nel nome della classe diventano entità HTML sicure per evitare conflitti visivi nel browser. Se alcune righe presentano meno valori rispetto alla riga più lunga, la tabella mostra celle vuote aggiuntive nel corpo per mantenere regolare la struttura. Un testo vuoto produce una tabella con zero righe e zero colonne.
Istruzioni
- Incolla o digita il testo formattato in CSV nel riquadro di immissione.
- Seleziona la casella dell'intestazione se la prima riga contiene i nomi delle colonne.
- Indica il nome della classe CSS desiderata per l'elemento della tabella, oppure lascia il valore predefinito.
- Avvia la conversione per visualizzare il markup HTML generato e i relativi conteggi di righe e colonne.
- Copia il frammento HTML visualizzato per inserirlo nella tua pagina web o nel tuo documento.
Esempi
- Convertire dati prodotto: inserisci 'Nome,Prezzo,Quantità' nella prima riga e 'Tastiera,25.00,10' nella seconda riga con intestazione attiva per ottenere una tabella con thead e tbody strutturati.
- Convertire un elenco semplice senza intestazione: disattiva l'opzione intestazione per visualizzare ogni riga CSV come elemento td all'interno del corpo della tabella.
FAQ
Come gestisce lo strumento i caratteri speciali come <, > e &?
Lo strumento converte automaticamente i caratteri speciali come <, > e & all'interno delle celle e del nome della classe in entità HTML sicure, preservando la formattazione visiva corretta.
Cosa accade se le righe contengono un numero diverso di colonne?
La tabella si adatta alla riga più lunga. Le righe del corpo più corte ricevono celle vuote aggiuntive per pareggiare la larghezza complessiva.
Cosa succede se il campo di testo CSV resta vuoto?
Se l'input è vuoto o contiene solo spaziature, vedrai una stringa HTML vuota con conteggi di righe e colonne pari a zero.