1001Ferramentas
🗄️Conversores

JSON → HTML Table

Converta um array de objetos JSON em tabela HTML pronta, com cabeçalho e linhas. Cole o JSON e copie o código para colar direto na sua página ou e-mail.

HTML

Tabela HTML crua a partir do JSON

Chegou um JSON com quinze linhas e você precisa daquilo como tabela numa página estática, num e-mail de relatório ou num campo de CMS que aceita HTML. Escrever tr e td para cada registro é digitação pura, e é fácil esquecer um fechamento no meio do caminho. Cole o array de objetos e o código aparece embaixo, atualizando a cada tecla que você digita.

O que sai é HTML mínimo de propósito: uma tag table, uma linha de th com as chaves do primeiro objeto e um tr por registro. Sem thead, sem tbody, sem class, sem style. Isso é ótimo quando você joga o bloco numa página cujo CSS já estiliza tabelas, e desconfortável para e-mail, porque clientes como o Outlook ignoram folha de estilo externa e mostram uma grade sem formatação.

Cuidado com o conteúdo: os valores entram sem escape de HTML. Um campo com <, > ou & produz código quebrado, e colar dado de terceiro direto na sua página é risco de injeção. Converta esses caracteres em entidades antes. Também não há botão de copiar, então selecione o bloco e copie na mão. O processamento é todo no navegador, nada é enviado para um servidor.

Perguntas frequentes

Ele gera thead e tbody?
Não. A saída tem table mais linhas de th e td, sem seções e sem atributos. Se o seu CSS depende de thead, acrescente depois.
Serve para e-mail marketing?
Serve como ponto de partida. Você vai precisar de estilos inline e provavelmente de atributos como cellpadding, porque a maioria dos clientes de e-mail descarta CSS externo.
E se meus dados tiverem acentos ou sinais de HTML?
Acentos passam sem problema. Já sinais de menor, maior e o e comercial entram crus e podem quebrar a página, então escape antes de converter.

Ferramentas Relacionadas