Grupos exclusivos de desconto no WhatsApp — Faca parte agora! Participar

Gerador de Tabela HTML

Cole dados em CSV, TSV ou texto separado por tab e gere tabela formatada em HTML (com classes Bootstrap/Tailwind opcionais), Markdown (GitHub), AsciiDoc, LaTeX ou JSON. Preview ao vivo com estilo aplicado.

Gerador de Tabela HTML — Ferramentas Dev / Web

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

FormatoOnde usar
HTML simplesWordPress (Block raw HTML), email HTML, Notion
HTML BootstrapSites que usam Bootstrap (Bootstrap 4+ ou 5)
HTML TailwindSites modernos que usam TailwindCSS
HTML "bonito"Email HTML (Mailchimp, Klaviyo), PDF gerado
MarkdownGitHub README, GitLab, Notion (export), Obsidian, Discord
JSONAPIs, JavaScript frontend, MongoDB, Firebase, Notion DB
LaTeXArtigos 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:

  1. Quantas vezes cada candidato (, ; tab |) aparece por linha
  2. Qual tem maior consistência (variância baixa entre linhas)
  3. 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

  1. Selecione células no Excel/Sheets
  2. Ctrl+C (copiar)
  3. Cole no campo da ferramenta — vem como TSV
  4. 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).

Assistente PP
Assistente PP
Online agora
Powered by Primeira Solução