Generatore Tabelle HTML

Sì. Seleziona le celle in Excel o Google Sheets, copia e incolla nel campo di importazione CSV. Il formato separato da tabulazioni (il formato predefinito dei fogli di calcolo) e quello separato da virgole funzionano entrambi. Lo strumento rileva automaticamente il delimitatore e riempie la tabella.

Quattro interruttori: Riga di intestazione aggiunge un thead con stile in grassetto, Righe striate alterna i colori di sfondo delle righe, Con bordi aggiunge un bordo attorno a ogni cella, ed Effetto hover evidenzia la riga sotto il cursore. Puoi anche impostare la larghezza della tabella e la spaziatura delle celle.

Quattro preset: Tabella semplice (griglia dati base a 3 colonne), Tabella prezzi (confronto funzionalità con tre livelli), Tabella di confronto (layout pro/contro affiancato) e Programma (colonne orario ed evento). Selezionare un preset riempie la tabella con dati di esempio che puoi sostituire con i tuoi.

Nomi di classe compatibili Bootstrap: table, table-bordered, table-striped, table-hover. Il codice HTML generato si inserisce direttamente in qualsiasi progetto Bootstrap 4 o 5. Se non usi Bootstrap, aggiungi il tuo CSS personalizzato che punta a questi nomi di classe.

Il pulsante Copia HTML copia il markup della tabella negli appunti. Il risultato è HTML pulito e minimale — solo l'elemento table con tag thead, tbody, tr, th e td — pronto da incollare in qualsiasi file HTML o CMS.

Avvolgi la tabella copiata in un div con style="overflow-x: auto;" prima di incollare. Questo aggiunge una barra di scorrimento orizzontale sugli schermi piccoli invece di rompere il layout. Per gli utenti Bootstrap, avvolgere in <div class="table-responsive"> ottiene lo stesso risultato.

No. Tutto viene eseguito nel tuo browser con JavaScript. Nessuna chiamata al server, nessun upload, nessun tracciamento. I dati che inserisci nelle celle rimangono sul tuo dispositivo.