Come convertire un CSV in una tabella HTML
Incolla il testo CSV, scegli se usare la prima riga come intestazione e avvia la conversione per ottenere una tabella HTML. Puoi anche personalizzare la classe HTML della tabella prima di generare il risultato.
A cosa serve
Questo strumento trasforma il testo CSV fornito in una tabella HTML pronta da inserire in una pagina o in un documento che supporti HTML. Puoi decidere se trattare la prima riga come intestazione e modificare la classe HTML della tabella, così da collegarla allo stile previsto dal tuo progetto. Il risultato riguarda la conversione del testo inserito: non è uno strumento generico per elaborare file, fogli di calcolo o riesportare CSV.
Come convertire il CSV in una tabella HTML
- Prepara il contenuto CSV come testo, includendo una riga iniziale con i nomi delle colonne se vuoi usarla come intestazione.
- Incolla il testo nell’area dedicata al CSV. Se non inserisci alcun contenuto, il risultato sarà vuoto.
- Lascia attiva la gestione della prima riga quando la prima riga contiene le intestazioni. In questa modalità la prima riga diventa l’intestazione della tabella e le righe successive diventano il corpo. Disattivala se anche la prima riga deve essere trattata come una normale riga del corpo.
- Se ti serve una classe diversa per applicare gli stili, sostituisci il valore predefinito della classe della tabella con quello che usi nel tuo HTML.
- Avvia la conversione e copia il risultato HTML generato nel punto in cui vuoi mostrare la tabella.
Il conteggio delle colonne si basa sulla riga analizzata con il maggior numero di campi. Le righe del corpo più brevi vengono completate con celle vuote fino a quel numero; una riga di intestazione più breve, invece, non viene completata. Il testo delle celle e il valore della classe fornita vengono convertiti in forma sicura per l’inserimento nell’HTML, con escape dei caratteri HTML.
Come leggere il risultato
Per un contenuto non vuoto, il numero di righe riportato esclude la prima riga quando la gestione delle intestazioni è attiva. Il numero di colonne, invece, corrisponde alla lunghezza maggiore tra le righe analizzate. Se disattivi le intestazioni, tutte le righe rientrano nel corpo e il conteggio delle righe segue questa scelta.
Con un input vuoto o composto soltanto da spazi, il risultato HTML è vuoto e i conteggi di righe e colonne sono pari a zero. Se si verifica un’eccezione durante l’elaborazione principale, il risultato restituisce comunque un esito indicato come riuscito, ma con HTML vuoto, conteggi azzerati e un dettaglio dell’errore. Questo dettaglio va controllato prima di usare il risultato.
Esempio pratico
Un responsabile deve inserire in una pagina HTML una piccola tabella di prodotti partendo dal testo CSV ricevuto.
Incolla il testo CSV con una prima riga contenente i nomi delle colonne, lascia attiva la gestione delle intestazioni e avvia la conversione.
Il risultato contiene una tabella HTML con una riga di intestazione e righe del corpo; il conteggio delle righe esclude l’intestazione e il conteggio delle colonne segue la riga con più campi.
Limiti
- La funzione documentata riguarda la conversione di testo CSV fornito in HTML; non descrive l’elaborazione di file o fogli di calcolo né la conservazione della formattazione originale.
Errori comuni
- Se il numero di righe sembra inferiore a quello atteso, può essere attiva la gestione della prima riga come intestazione: disattivala quando la prima riga deve appartenere al corpo della tabella.
Domande frequenti
La prima riga del CSV diventa un’intestazione?
Quando la gestione delle intestazioni è attiva, la prima riga diventa l’intestazione e le righe successive il corpo. Quando è disattiva, tutte le righe vengono inserite nel corpo senza celle di intestazione.
Come vengono gestite le righe con un numero diverso di colonne?
Per un input non vuoto, il conteggio delle colonne usa il maggior numero di campi presente in una riga. Le righe del corpo più brevi ricevono celle vuote fino a quel numero, mentre una riga di intestazione più breve non viene completata.
Che cosa succede se non inserisco dati?
Con un input vuoto o formato solo da spazi, il risultato HTML è vuoto e i conteggi di righe e colonne sono pari a zero.