Come si usa
- Incolla i dati in una cella della griglia, partendo dal punto in cui vuoi inserirli.
- Modifica le celle con un clic.
- Controlla l'opzione «La prima riga è l'intestazione» in base alla struttura dei tuoi dati.
- Apri la scheda del formato che ti serve (Markdown, HTML, CSV/TSV, LaTeX, MediaWiki o Testo) e premi Copia oppure Scarica.
Esempi
Listino HTML per una newsletter
| Prodotto | Prezzo | | --- | ---: | | Olio extravergine 500 ml | 12,50 € | | Pasta artigianale 500 g | 4,80 € |
<table style="border-collapse:collapse">
<thead>
<tr>
<th style="border:1px solid #d0d7de;padding:6px 12px;background:#f6f8fa;font-weight:600">Prodotto</th>
<th style="border:1px solid #d0d7de;padding:6px 12px;background:#f6f8fa;font-weight:600;text-align:right">Prezzo</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border:1px solid #d0d7de;padding:6px 12px">Olio extravergine 500 ml</td>
<td style="border:1px solid #d0d7de;padding:6px 12px;text-align:right">12,50 €</td>
</tr>
<tr>
<td style="border:1px solid #d0d7de;padding:6px 12px">Pasta artigianale 500 g</td>
<td style="border:1px solid #d0d7de;padding:6px 12px;text-align:right">4,80 €</td>
</tr>
</tbody>
</table>Tabella LaTeX con percentuali e caratteri speciali
| Voce | Valore | | --- | ---: | | Sconto studenti | 15% | | Codice prodotto | ART_2026 | | Ricerca & sviluppo | 2400 € |
% requires \usepackage{booktabs}
\begin{table}[h]
\centering
\begin{tabular}{lr}
\toprule
Voce & Valore \\
\midrule
Sconto studenti & 15\% \\
Codice prodotto & ART\_2026 \\
Ricerca \& sviluppo & 2400 € \\
\bottomrule
\end{tabular}
\caption{Riepilogo delle agevolazioni}
\end{table}CSV con punto e virgola e prezzi decimali
| Articolo | Prezzo | Quantità | | --- | ---: | ---: | | Quaderno A4 | 3,50 | 12 | | Penna blu | 1,20 | 30 |
Articolo;Prezzo;Quantità Quaderno A4;3,50;12 Penna blu;1,20;30
Sintassi delle tabelle per formato
Markdown (GitHub). Le celle sono separate da barre verticali e la seconda riga deve essere un separatore come | --- | --- |. I due punti impostano l'allineamento: :-- a sinistra, :-: al centro, --: a destra. Scrivi una barra verticale letterale come \| e un a capo dentro una cella come <br>. Visualizza l'anteprima della tabella in un documento completo con il visualizzatore Markdown.
| Name | Score | | ----- | ----: | | Alice | 92 |
HTML. Una <table> con la riga di intestazione in <thead> come celle <th> e i dati in <tbody>. Scegli un blocco CSS per le pagine web o gli stili inline per le e-mail, dove <style> viene spesso rimosso.
<table> <thead><tr><th>Name</th><th>Score</th></tr></thead> <tbody><tr><td>Alice</td><td>92</td></tr></tbody> </table>
CSV / TSV. Una riga di dati per riga di testo, campi separati da virgola, punto e virgola, tabulazione o barra verticale. Un campo che contiene il separatore, una virgoletta o un a capo viene racchiuso tra virgolette doppie e le virgolette al suo interno vengono raddoppiate. Ti serve JSON? Usa il convertitore da CSV a JSON.
Name,Note Alice,"Admin, ""owner"""
LaTeX. Un ambiente tabular: la specifica delle colonne (l, c, r) imposta l'allineamento, & separa le celle e \\ chiude una riga. I caratteri & % $ # _ { } ~ ^ \ richiedono l'escape. Lo stile Booktabs richiede \usepackage{booktabs}; gli altri stili non richiedono pacchetti aggiuntivi.
\begin{tabular}{|l|r|}
\hline
Name & Score \\
\hline
Alice & 92 \\
\hline
\end{tabular}
MediaWiki. La tabella inizia con {| e termina con |}; |- inizia una riga, ! indica le celle di intestazione e | le celle di dati, con !! e || tra le celle sulla stessa riga.
{| class="wikitable"
|-
! Name !! Score
|-
| Alice || 92
|}
Testo. Una tabella in testo semplice per commenti nel codice, file README e terminali: bordi ASCII (+---+), linee di riquadro Unicode o un layout compatto con colonne separate da spazi. I caratteri larghi, come quelli cinesi o le emoji, contano come due colonne, così i bordi restano allineati.
+-------+-------+ | Name | Score | +-------+-------+ | Alice | 92 | +-------+-------+
Domande frequenti
Come creare una tabella HTML con bordi?
Nella scheda HTML, imposta Stili su Blocco CSS. Il codice include un blocco CSS con bordi, spaziatura nelle celle e intestazione evidenziata.
Come rendere una tabella HTML responsive?
Attiva Contenitore responsive nella scheda HTML. La tabella viene inserita in un contenitore con scorrimento orizzontale quando supera la larghezza disponibile.
Posso caricare un file Excel?
I file .xlsx e .ods non sono supportati. Esporta il foglio in CSV o TSV prima di caricarlo; le celle sono trattate come testo, senza formule o formattazione di numeri e date.
Quali sono i limiti per tabelle e file?
Puoi usare fino a 2.000 righe e 100 colonne: quelle in eccesso vengono escluse durante l'importazione. I file oltre 5 MB vengono rifiutati; sopra le 500 righe la modifica può essere più lenta.
Dove vengono salvati i dati della tabella?
La tabella viene elaborata nel browser e salvata nel localStorage del dispositivo per ripristinarla alla visita successiva. Il contenuto non viene inviato al server; Google Analytics riceve eventi d'uso senza i dati della tabella.