Gerador de Tabela HTML — CSV para HTML, Markdown, JSON e LaTeX
Cole dados em CSV, TSV ou texto colado do Excel e converta automaticamente em tabela formatada em 5 formatos: HTML simples, HTML com classes Bootstrap, HTML com classes Tailwind, Markdown (GitHub), JSON, AsciiDoc ou LaTeX. Detecta separador automaticamente e oferece preview ao vivo.
Por que essa ferramenta é útil
Converter dados tabulares entre formatos é uma tarefa super-comum para devs, jornalistas, pesquisadores e escritores técnicos. Casos típicos:
- Dev: pegar dados de planilha Excel e colocar em README.md no GitHub
- Pesquisador: tabela de Excel → LaTeX para artigo científico
- Jornalista: dados de planilha → HTML para publicar em CMS WordPress
- Escritor técnico: documentação técnica em Notion/Obsidian/Docusaurus
- Designer: tabela em e-commerce, dashboard
- Marketing: comparativo de produtos em e-mail HTML
- Analista: dados de SQL → JSON para API ou frontend
Formatos suportados de entrada
CSV (Comma-Separated Values)
Nome,Idade,Cidade João,30,São Paulo Maria,25,Rio de Janeiro
CSV com ponto-vírgula (Excel brasileiro)
Nome;Idade;Cidade João;30;São Paulo
Excel em português usa ; por padrão porque , é separador decimal.
TSV (Tab-Separated Values — colado do Excel)
Nome Idade Cidade João 30 São Paulo
Quando você copia uma seleção do Excel/Google Sheets, o clipboard tem TSV.
Pipe-separated
Nome|Idade|Cidade João|30|São Paulo
Formatos de saída
HTML simples (com border)
<table style="border-collapse:collapse;"> <thead><tr> <th style="border:1px solid #ccc;padding:4px 8px;background:#f5f5f5;">Nome</th> ... </tr></thead> ... </table>
HTML com classes Bootstrap
<table class="table table-striped table-bordered"> <thead><tr><th>Nome</th>...</tr></thead> <tbody><tr><td>João</td>...</tr></tbody> </table>
HTML com TailwindCSS
<table class="min-w-full divide-y divide-gray-200 border"> ...
HTML "bonito" (CSS inline pronto)
Use em emails HTML que não aceitam CSS externo.
Markdown (GitHub Flavored)
| Nome | Idade | Cidade | | --- | --- | --- | | João | 30 | São Paulo | | Maria | 25 | Rio de Janeiro |
JSON
[
{"Nome": "João", "Idade": "30", "Cidade": "São Paulo"},
{"Nome": "Maria", "Idade": "25", "Cidade": "Rio de Janeiro"}
]
LaTeX
\begin{tabular}{|l|l|l|}
\hline
extbf{Nome} & extbf{Idade} & extbf{Cidade} \
\hline
João & 30 & São Paulo \
\hline
Maria & 25 & Rio de Janeiro \
\hline
nd{tabular}
Onde usar cada formato
| Formato | Onde usar |
|---|---|
| HTML simples | WordPress (Block raw HTML), email HTML, Notion |
| HTML Bootstrap | Sites que usam Bootstrap (Bootstrap 4+ ou 5) |
| HTML Tailwind | Sites modernos que usam TailwindCSS |
| HTML "bonito" | Email HTML (Mailchimp, Klaviyo), PDF gerado |
| Markdown | GitHub README, GitLab, Notion (export), Obsidian, Discord |
| JSON | APIs, JavaScript frontend, MongoDB, Firebase, Notion DB |
| LaTeX | Artigos científicos, Overleaf, dissertação, TCC, livros técnicos |
Auto-detecção de separador
A ferramenta detecta o separador analisando as 5 primeiras linhas. Calcula:
- Quantas vezes cada candidato (
,;tab|) aparece por linha - Qual tem maior consistência (variância baixa entre linhas)
- Escolhe o vencedor
Se detecção falhar (ex: dados com vírgulas dentro de campos), escolha manualmente no dropdown.
Tratamento de campos com vírgula
Se uma célula contém vírgula, o CSV padrão usa aspas:
Nome,Endereço João,"Rua das Flores, 123" Maria,"Av. Brasil, 456"
O parser desta ferramenta lida com aspas corretamente.
Dicas avançadas
Copiar do Excel/Google Sheets
- Selecione células no Excel/Sheets
- Ctrl+C (copiar)
- Cole no campo da ferramenta — vem como TSV
- Auto-detecta tab como separador
Trabalhar com 1000+ linhas
A ferramenta lida bem com até ~10.000 linhas. Para datasets maiores, considere usar Python (pandas) ou ferramentas de linha de comando (csvkit, mlr).
Sem cabeçalho?
Selecione "Não (dados puros)" no dropdown. A ferramenta gera colunas Col1, Col2, etc. para JSON. Outros formatos mantêm as linhas como estão.
Caracteres especiais
A ferramenta escapa automaticamente:
- HTML:
&<>"viram entidades HTML - Markdown:
|dentro de células vira\| - LaTeX:
&_%escapados
Privacidade desta ferramenta
- ✅ 100% processamento no navegador
- ✅ Seus dados não são enviados para servidor
- ✅ Sem cookies, sem rastreamento
- ✅ Adequado para dados sensíveis (corporativos, médicos, financeiros)
Limitações de cada formato
HTML
Não suporta merged cells (rowspan/colspan) na geração automática. Para tabelas complexas, edite manualmente.
Markdown
GitHub Markdown tem limitações: sem merged cells, sem CSS, sem imagens dentro de células. Para tabelas complexas, use HTML embutido.
JSON
Todos valores são string. Para tipar (number, boolean), use JavaScript: obj.idade = Number(obj.idade).
LaTeX
Tabelas grandes precisam de \begin{longtable} em vez de tabular. Pacotes recomendados: booktabs para tabelas mais bonitas, siunitx para números formatados.
Perguntas frequentes
Tabela quebra em mobile?
HTML padrão sim. Use Bootstrap (table-responsive) ou Tailwind (overflow-x-auto) para scrolling horizontal em telas pequenas.
Posso ordenar a tabela?
Não nesta ferramenta. Para tabelas ordenáveis em HTML, adicione JS (DataTables, Tabulator). Para Excel, ordene antes de copiar.
Quantas linhas suporta?
Até ~10.000 linhas com boa performance. Acima disso, navegador pode ficar lento (mas funciona).
Posso pré-visualizar em mobile?
Sim. Abra a ferramenta no celular. Preview se adapta.
Como exportar pra Excel novamente?
Copie o JSON e use ferramentas online (json-csv.com) para converter, ou cole o HTML/CSV de volta no Excel (importação de dados externos).