JSON para tabela HTML

Cole um array JSON de objetos e clique em Convert. As chaves dos objetos viram os cabeçalhos das colunas e cada objeto vira uma linha. O HTML gerado inclui as tags <table>, <thead> e <tbody> corretamente.

Sim. O HTML gerado usa elementos padrão de tabela e não inclui estilos inline, então você pode aplicar qualquer framework CSS ou estilos próprios. Basta copiar o HTML e adicionar suas classes do Tailwind, Bootstrap ou CSS customizado.

Um array “flat” de objetos com chaves consistentes gera as tabelas mais limpas. Exemplo: [{"name":"Alice","role":"Dev"},{"name":"Bob","role":"QA"}]. Objetos aninhados aparecem como JSON serializado (string) dentro das células.

Sim. A ferramenta mostra o código HTML bruto e uma prévia renderizada da tabela lado a lado, para você conferir se o resultado está correto antes de copiar.