Generatore tabella HTML

A cosa serve

Genera il codice di una tabella HTML semantica (con thead e tbody) partendo da dati che hai già in un foglio di calcolo o in un elenco. Basta incollarli e copiare il risultato nel tuo sito o articolo.

Formati riconosciuti

Ogni riga è una riga della tabella; le celle possono essere separate da virgola, punto e virgola o tabulazione (così puoi incollare direttamente da Excel o Fogli Google). Il testo speciale viene reso sicuro automaticamente.

Che cosa esce, e perché è fatto così

Non esce un blocco di div messi in griglia: esce una tabella vera, con l'intestazione dentro thead e le celle di testata come th. La differenza non è estetica. Un lettore di schermo, arrivato a una cella, annuncia la colonna a cui appartiene («Prezzo: 12 euro») solo se quella colonna è dichiarata come intestazione; con i div legge una fila di numeri senza contesto, ed è la differenza fra una tabella consultabile e un muro di dati.

Per lo stesso motivo il codice che esce è pulito e senza stili in linea: il colore e i bordi sono compito del CSS del sito che la ospita, e una tabella senza stili si integra invece di stonare.

Le tabelle servono ai dati, non all'impaginazione

È una regola che ha vent'anni e vale ancora: si usa una tabella quando i dati hanno righe e colonne con un significato — un listino, un orario, un confronto, un bilancio. Non si usa per mettere due cose affiancate in una pagina: per quello ci sono le griglie del CSS, che si adattano allo schermo, mentre una tabella impaginata a mano su un telefono diventa illeggibile.

Sul telefono va messa dentro qualcosa che scorre

Una tabella con cinque colonne non entra in un telefono: o si schiaccia in colonnine illeggibili, o sborda e fa scorrere di lato tutta la pagina, che è il difetto peggiore perché rompe anche il resto. La soluzione è di una riga: si avvolge la tabella in un contenitore con overflow-x: auto e le si dà un min-width. Così scorre lei, da sola, e la pagina resta ferma.

Gli strumenti vicini

Se i dati arrivano da un foglio di calcolo, prima conviene ripulirli con Pulisci CSV; se devono tornare in Excel la pagina è Da CSV a Excel. Per una tabella in markdown, da mettere in un documento o in una risposta, c'è Generatore tabelle Markdown, e per tirare fuori una tabella da un PDF Estrai le tabelle da un PDF.