JSON → Tabela HTML

Converte array JSON em tabela HTML automaticamente + pré-visualização

Converta um array JSON de objetos em uma tabela HTML. Cada objeto se torna uma linha e as chaves se tornam cabeçalhos de coluna. Obtenha código HTML e uma pré-visualização ao vivo.

Código

<table border="1" cellpadding="8" cellspacing="0">
  <thead>
    <tr>
    <th>name</th>
    <th>age</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>Alice</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Bob</td>
    <td>25</td>
  </tr>
  </tbody>
</table>

Visualização

name	age
Alice	30
Bob	25

Como usar

Cole um array JSON de objetos na área de entrada.
A ferramenta usa as chaves do primeiro objeto como cabeçalhos de coluna e cada elemento como uma linha.
Veja o código HTML gerado e copie-o com o botão de cópia.
Verifique a visualização ao vivo abaixo do código para confirmar que a tabela parece correta.

Exemplos

Colar [{"name":"Alice","age":30},{"name":"Bob","age":25}] gera uma tabela de duas linhas com colunas name e age.
O HTML de saída usa uma tag table border-1 com thead/tbody e todos os valores de célula são escapados em HTML.

Verifique as saídas antes de usar em produção. Sem garantia — veja Termos.