Gerador de Tabelas HTML
Crie tabelas HTML visualmente com estilos personalizáveis. Edite células, importe CSV e exporte como HTML, Bootstrap, Tailwind ou Markdown.
Atalhos
Editar tabela
Importar dados
Visualização ao vivo
Código Gerado
Ajuda a manter esta ferramenta gratuita com um pequeno comentário HTML
Ferramentas populares
Sobre Gerador de Tabelas HTML
O Gerador de Tabelas HTML converte uma grade de células em marcação: adicione ou remova linhas e colunas, ou cole dados em CSV, TSV ou separados por barra vertical para preenchê-las. Ative linha de cabeçalho, listras zebradas, bordas, estados de hover, preenchimento compacto e um contêiner responsivo, além das cores de cabeçalho e de borda. A saída alterna entre HTML puro, HTML com um bloco de CSS, classes do Bootstrap ou do Tailwind, Markdown e CSV, para que uma tabela de preços ou de comparação possa ir para uma página ou para um README. A tabela é construída na própria página, não em um servidor.
Casos de uso
Como usar
Defina o tamanho da grade com os botões de menos e mais ao lado de Linhas e Colunas e digite o seu conteúdo direto nas células, em Editar Tabela.
Ou cole dados em CSV, TSV ou separados por barra vertical na caixa Importar Dados e clique em Importar CSV ou Importar TSV para preencher a grade de uma vez; Carregar Exemplo insere dados de demonstração.
Marque a formatação que quiser: Linha de Cabeçalho, Linhas Listradas, Com Bordas, Efeito ao Passar o Mouse, Responsiva e Compacta.
Defina Fundo do Cabeçalho, Texto do Cabeçalho e Cor da Borda nos seletores de cor, ou clique em um botão de Predefinições Rápidas como Striped, Dark, Minimal ou Pricing.
Confira o resultado em Pré-visualização ao Vivo e use o X vermelho ao lado de uma linha ou os botões + Adicionar Linha e + Adicionar Coluna para ajustar o layout.
Escolha o formato de saída entre HTML, HTML + CSS, Bootstrap, Tailwind, Markdown ou CSV e clique em Copiar para levar o código para a área de transferência.
Dicas Pro
- Cole seu conteúdo direto — o Gerador de Tabelas HTML identifica os formatos de entrada mais comuns e aplica padrões adequados automaticamente.
- Use os atalhos de teclado (Ctrl/Cmd+A para selecionar tudo, Ctrl/Cmd+C para copiar) e agilize seu trabalho no Gerador de Tabelas HTML.
- Se a entrada for muito grande, divida-a em partes — a maioria das abas do navegador aguenta megabytes de texto, mas processar payloads enormes pode travar a interface por alguns instantes.
- O Gerador de Tabelas HTML não registra nem armazena o que você digita. Se precisar de histórico, copie os resultados importantes para um arquivo local ou um app de anotações.
- Combine o Gerador de Tabelas HTML com as outras ferramentas do site (formatadores, conversores, codificadores) e monte fluxos de dados completos sem sair do navegador.
Perguntas frequentes
Sim, totalmente gratuito: sem cadastro, sem chave de API, sem marca d'água e sem limites de uso.
Não. O Gerador de Tabelas HTML roda inteiramente no seu navegador, do lado do cliente. O que você digita nunca passa pelos nossos servidores.
Não existe um limite rígido, mas espere lentidão com entradas acima de alguns megabytes, dependendo da memória do seu dispositivo.
Sim. Tudo o que você gera com o Gerador de Tabelas HTML é seu e pode ser usado livremente em qualquer projeto pessoal ou comercial.
A maior parte da lógica roda em JavaScript no próprio navegador, então, depois do carregamento inicial, quase sempre dá para continuar trabalhando sem conexão.
Nenhum. Como o Gerador de Tabelas HTML roda no seu navegador, você pode processar quantas entradas o seu hardware aguentar, sem chaves de API nem bloqueios.