O que faz
Esta ferramenta converte dados JSON, normalmente a resposta de uma API ou uma exportação, em uma tabela HTML. Cada objeto vira uma linha e cada chave vira uma coluna. Objetos aninhados são achatados em nomes de coluna com ponto, para que a tabela continue bidimensional.
Como usar
- Cole o JSON no campo Entrada, envie um arquivo
.jsonou clique em Exemplo. - A marcação da tabela aparece à direita enquanto você digita. JSON inválido é indicado com a posição do erro.
- Desative Incluir linha de cabeçalho se quiser só as linhas de dados.
- Copie o HTML ou baixe-o como arquivo
.html.
Exemplo
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]gera uma tabela com as colunas name, address.city e tags. A célula de tags da Alice mostra admin; editor e a do Bob fica vazia.
Dicas
- Para exibir a resposta de uma API, cole a resposta inteira. Se ela tiver o formato
{"items": [...]}, as linhas são tiradas deitemsautomaticamente. - Use antes o formatador de JSON se quiser inspecionar ou corrigir o JSON antes de convertê-lo.
Perguntas frequentes
› Que estrutura de JSON ele espera?
Um array de objetos funciona melhor, com um objeto por linha. Um objeto com uma única propriedade de array, como {"data": [...]}, também é entendido. Qualquer outro valor vira uma única linha.
› Como objetos e arrays aninhados são tratados?
Campos aninhados viram nomes de coluna com ponto, como address.city. Arrays de valores simples são unidos com "; ", e arrays de objetos ganham caminhos com índice, como items.0.name.
› E se os objetos tiverem chaves diferentes?
As colunas são a união de todas as chaves, na ordem em que aparecem pela primeira vez. Valores ausentes ficam vazios.
› A saída é segura para colocar em uma página web?
Sim. O texto passa por escape de HTML, então valores como <script> aparecem como texto.