Células vazias
Este conversor de JSON para HTML transforma JSON em marcação de tabela HTML limpa, pronta para colar em uma página, e-mail ou CMS. Cole ou abra o JSON, confira a tabela e copie ou baixe o código.
Última atualização:
Como funciona
Abra ou cole o JSON
Cole um array JSON, abra um arquivo .json, carregue de uma URL ou use Carregar exemplo. O array de registros é encontrado automaticamente.
Ajuste a marcação
Escolha tabela ou listas aninhadas, adicione uma classe CSS, ative os estilos inline e escolha as colunas na visualização Tabela.
Copie ou baixe
Confira a pré-visualização e copie o HTML ou baixe como arquivo .html.
Recursos
Tabela HTML limpa
Uma <table> com <thead> e <tbody>, um <th> por chave e uma linha por registro, indentada para leitura ou em uma linha só.
Classes e estilos inline
Adicione uma classe como table table-striped para o seu framework, ou estilos inline com bordas e espaçamento para e-mails e editores sem o seu CSS.
Listas aninhadas
Para JSON que não é uma lista de registros, Listas aninhadas escreve qualquer estrutura como listas <ul> e <ol>, com as chaves em negrito.
Escapado e seguro
Todo valor é escapado, então um <script> nos dados aparece como texto. A pré-visualização roda em uma sandbox com scripts desativados. Objetos aninhados viram colunas com ponto, que você pode ocultar ou reordenar.
Limites e privacidade
Arquivos JSON podem ter até 50 MB, e as tabelas são limitadas a 100.000 linhas. Arquivos acima de 5 MB são convertidos direto do arquivo, sem carregá-lo no editor.
Tabelas Markdown e arquivos de favoritos não são suportados. Veja a página de privacidade.
Perguntas frequentes
Como converter JSON em tabela HTML?
Cole o array JSON ou abra o arquivo. A marcação da tabela aparece enquanto você digita; use Copiar ou Baixar .HTML.
Dá para ver a tabela HTML antes de copiar?
Sim. A aba Pré-visualização mostra a tabela como o navegador a renderiza, em uma sandbox isolada.
Como adicionar o Bootstrap ou a minha própria classe CSS?
Digite os nomes das classes em Classe CSS, por exemplo table table-striped. Eles são adicionados ao elemento <table>.
Acentos e caracteres especiais funcionam?
Sim. Acentos e cedilha são mantidos, e caracteres como < e & são escapados para aparecer como texto na página.
E se o meu JSON não for um array?
Escolha Listas aninhadas para transformar qualquer JSON em listas HTML aninhadas, ou digite o caminho do array em Array a converter.
É grátis? Os meus dados são enviados?
É grátis e não pede cadastro. O HTML é gerado no seu navegador, e o seu JSON nunca sai do seu aparelho.