JSON a tabla HTML

Convierte un array de objetos JSON en una tabla HTML. La otra dirección es Tabla HTML a JSON · JSON a CSV

Qué hace esta página

Un array de objetos JSON se lee mejor como tabla. Esta página escribe una tabla HTML en el navegador. La otra dirección es tabla HTML a JSON. El CSV de las mismas filas es JSON a CSV.

Cómo usarla

  1. Pega JSON. Actualizar al escribir está activado.
  2. Convertir se ejecuta una vez. Mostrar ejemplo rellena [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}].
  3. El resultado es una tabla. Las celdas de cabecera son id, name y ok. La primera fila es 1, Ada, true. La segunda es 2, Grace, false.
  4. Borrar todo vacía las dos cajas. Copiar resultado copia el HTML.

Reglas y límites

Un array de objetos usa una columna por clave, en el orden en que aparecen. Un solo objeto son dos columnas, un th para la clave y un td para el valor, sin fila de cabecera. Un array de valores usa la cabecera value. Un objeto o array anidado se escribe como texto JSON dentro de la celda. Un array vacío, un objeto vacío, un número suelto o una cadena suelta se detienen con un error.

Dónde se usa

  • Pegar una lista de una API como tabla en una página.
  • Mirar dos filas antes de pasarlas a la página inversa.
  • Leer un booleano junto a un nombre sin un visor JSON.

Preguntas

¿Por qué al volver no es el mismo JSON?

La tabla guarda texto de celda. Al volver, 1 y true son las cadenas "1" y "true".

¿Dónde fue el objeto anidado?

Se queda en la celda como texto JSON, no como otra tabla.