JSON → Tabla HTML

Convierte array JSON a tabla HTML automáticamente + vista previa

Convierte un array JSON de objetos en una tabla HTML. Cada objeto se convierte en una fila y las claves en encabezados de columna. Proporciona tanto código HTML como vista previa en 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>

Vista previa

name	age
Alice	30
Bob	25

Cómo usar

Pegue una matriz JSON de objetos en el área de entrada.
La herramienta usa las claves del primer objeto como encabezados de columna y cada elemento como fila.
Vea el código HTML generado y cópielo con el botón de copia.
Compruebe la vista previa en vivo a continuación del código para confirmar que la tabla se ve correcta.

Ejemplos

Pegar [{"name":"Alice","age":30},{"name":"Bob","age":25}] genera una tabla de dos filas con columnas de nombre y edad.
El HTML de salida usa una etiqueta de tabla border-1 con thead/tbody, y todos los valores de celda están HTML escapados.

Verifica las salidas antes de usar en producción. Sin garantía — ver Términos.