UltKit

Converter JSON para tabela HTML

Mostre a saída de uma API para quem nunca vai abrir um arquivo .json. O conversor monta uma tabela HTML com os seus registros, com uma célula de cabeçalho por chave e uma linha por objeto, pronta para abrir no navegador ou colar em uma página.

Conversor de dados

ou solte arquivos CSV, TSV, TXT … aqui ·

Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos

Saída

Os arquivos são processados em nossos servidores e apagados após 30 minutos.

Como usar esta ferramenta

  1. 1

    Envie os dados JSON

    Adicione arquivos .json, .jsonl ou .ndjson. Um array de objetos com as mesmas chaves gera a tabela mais limpa. Até 20 arquivos, de 95 MB cada.

  2. 2

    Confira cabeçalhos e datas

    As chaves viram os cabeçalhos das colunas. Em Configurações avançadas, defina Datas em um formato que seu público reconheça, como 18/10/2026 para leitores brasileiros.

  3. 3

    Converta para tabela HTML

    Clique em Converter para tabela HTML, abra o arquivo .html em um navegador para conferir e depois copie a tabela para o seu CMS, editor de newsletter ou wiki.

A conversão de JSON para HTML transforma um array de registros em um elemento table simples: chaves no topo, uma linha por registro e nada mais, para se encaixar em qualquer página ou e-mail.

Quem precisa exibir JSON como tabela HTML

O JSON normalmente sai de um sistema e a tabela vai para uma pessoa. Um gerente de produto extrai uma lista de feature flags de uma API administrativa e quer colocá-la na wiki da equipe. Um desenvolvedor precisa mostrar a um cliente o resultado de uma exportação de dados sem dar a ele um visualizador de JSON. Um editor de newsletter recebe a programação de eventos de uma plataforma de reservas e precisa dela na próxima edição. Digitar as linhas à mão para centenas de registros é lento.

As tabelas fazem parte da web desde o HTML 3.2, publicado pelo W3C como Recomendação em janeiro de 1997, e todo navegador, CMS e cliente de e-mail sabe exibi-las. O conversor escreve apenas a estrutura, com células de cabeçalho e de dados, e os estilos que seu site já tem definem a aparência. Quando o destino é um README do GitHub ou uma documentação em Markdown, CSV para Markdown gera a tabela equivalente com barras verticais.

Exemplo de JSON convertido em tabela HTML

Dois registros de versão convertidos com Converter para tabela HTML
[
  {"version": "2.4.0", "date": "2026-09-30", "notes": "Faster search & export"},
  {"version": "2.3.1", "date": "2026-08-12", "notes": "Fix <select> width"}
]

<table>
  <thead>
    <tr><th>version</th><th>date</th><th>notes</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>Faster search &amp; export</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Fix &lt;select&gt; width</td></tr>
  </tbody>
</table>

Entrada JSON e as saídas de tabela que você pode escolher

from ↓ · to →HTML tableTabela MarkdownDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Tabela Markdown: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Tabela Markdown: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Tabela Markdown: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Tabela Markdown: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Tabela Markdown: yesXLSX to DOCX table: yes
supported not offeredTodas as entradas aceitam **Converter para** qualquer uma das três saídas de tabela; esta página já vem com HTML selecionado.

Onde uma tabela HTML funciona bem

  • Wikis, páginas de CMS e portais de intranet que aceitam HTML puro
  • Newsletters por e-mail, em que as tabelas são exibidas em quase todos os clientes
  • Compartilhamento rápido: qualquer navegador abre o arquivo, sem precisar de programa

Onde é a escolha errada

  • Dados que as pessoas vão continuar editando, que pertencem a uma planilha
  • Exportações muito grandes, em que uma página com 50.000 linhas fica lenta para rolar
  • Alimentar outro programa, que deve receber o JSON ou um CSV

Os formatos JSON e HTML em resumo

JSON

JavaScript Object Notation (JSON)

JSON é um formato de texto leve para dados estruturados, popularizado por Douglas Crockford no início dos anos 2000 e padronizado como RFC 8259 e ECMA-404. Ele representa objetos, arrays, strings, números, booleanos e null com uma sintaxe simples e legível. É o formato padrão de APIs web, arquivos de configuração e troca de dados entre aplicativos em praticamente todas as linguagens de programação. Não tem comentários, datas nem esquemas embutidos, e arquivos grandes e aninhados são difíceis de ler sem um visualizador.

Compressão
–
Transparência
–
Animação
–
Lançamento
2001 · Douglas Crockford
Conversor de JSON

HTML

HyperText Markup Language (HTML)

HTML é a linguagem de marcação da web, descrita pela primeira vez por Tim Berners-Lee no início dos anos 1990 e hoje mantida pelo WHATWG como um padrão vivo. Um arquivo HTML descreve títulos, parágrafos, links, tabelas, imagens e formulários, enquanto o estilo costuma vir do CSS. Todo navegador o renderiza, e ele também é usado em modelos de e-mail e páginas da web salvas. Um único arquivo HTML costuma depender de imagens e folhas de estilo externas, por isso pode aparecer quebrado quando movido sozinho.

Compressão
–
Transparência
–
Animação
–
Lançamento
1993 · Tim Berners-Lee; maintained by WHATWG
Conversor de HTML

O JSON é convertido em HTML quando dados obtidos por código precisam ser lidos por pessoas em um navegador, em um e-mail ou em uma página de CMS, onde uma tabela com cabeçalhos é melhor que chaves e aspas puras.

Os dois formatos ficam em pontas opostas de uma requisição web. O JSON é o que o servidor envia para o código, e o HTML é o que o navegador finalmente exibe. Converter à mão significa fazer em um arquivo o que um template de front-end faria em tempo de execução, uma boa troca quando os dados são um retrato do momento, e não um feed que muda a cada minuto.

Perguntas sobre converter JSON para HTML

Posso colar a tabela HTML no WordPress?

Sim. Mude o editor de blocos para um bloco de HTML personalizado, ou o editor clássico para a aba Texto, e cole o elemento table. Os estilos de tabela do seu tema são aplicados automaticamente, porque o resultado traz apenas marcação, sem uma folha de estilos própria.

A tabela aparece no Outlook e no Gmail?

As tabelas HTML são a estrutura mais confiável em e-mail, porque o Outlook para desktop renderiza as mensagens com o mecanismo do Word desde o Outlook 2007 e ignora grande parte do CSS moderno. Insira a tabela pela opção de HTML ou de código-fonte da sua ferramenta de e-mail, em vez de anexar o arquivo.

Como os objetos aninhados aparecem na tabela?

Objetos aninhados são distribuídos em colunas extras com nomes separados por ponto, como customer.email. Uma lista de valores dentro de um registro fica em uma única célula como texto JSON, porque a linha de uma tabela não pode ter um número diferente de células para cada registro.

Os caracteres especiais dos meus dados ficam seguros no HTML?

Caracteres com significado em HTML, como < e &, são escritos como entidades. Assim, um valor como <b>Sale</b> aparece como texto em vez de deixar a célula em negrito. Isso também impede que marcação indevida em dados gerados por usuários seja executada na sua página.

Por que usar uma tabela em vez de um gráfico?

Tabelas mostram valores exatos e permitem consultar uma linha; gráficos mostram tendências. Para uma lista de preços, um histórico de versões ou um diretório de funcionários, a tabela é a ferramenta certa; para uma série temporal, use a tabela HTML como fonte de dados para uma biblioteca de gráficos.

Posso editar os dados depois de converter?

Edite na origem, não no HTML. Atualize o JSON ou a planilha de onde ele veio e converta de novo, ou passe os registros para uma pasta de trabalho com JSON para Excel se quem for mantê-los não for desenvolvedor.