Qué hace
Esta herramienta convierte datos JSON, normalmente la respuesta de una API o una exportación, en una tabla HTML. Cada objeto se convierte en una fila y cada clave en una columna. Los objetos anidados se aplanan en nombres de columna con puntos para que la tabla siga siendo bidimensional.
Cómo se usa
- Pega el JSON en el cuadro de Entrada, sube un archivo
.jsono haz clic en Ejemplo. - El marcado de la tabla aparece a la derecha mientras escribes. El JSON no válido se indica con su posición.
- Desactiva Incluir fila de encabezado si solo quieres las filas de datos.
- Copia el HTML o descárgalo como archivo
.html.
Ejemplo
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]da una tabla con las columnas name, address.city y tags. La celda de etiquetas de Alice dice admin; editor y la de Bob está vacía.
Consejos
- Para mostrar la respuesta de una API, pégala entera. Si tiene la forma
{"items": [...]}, las filas se toman deitemsautomáticamente. - Usa antes el formateador de JSON si quieres revisar o corregir el JSON antes de convertirlo.
Preguntas frecuentes
› ¿Qué estructura JSON espera?
Lo que mejor funciona es un array de objetos, un objeto por fila. También se entiende un objeto con una sola propiedad de tipo array, como {"data": [...]}. Cualquier otro valor se convierte en una sola fila.
› ¿Cómo se tratan los objetos y arrays anidados?
Los campos anidados se convierten en nombres de columna con puntos, como address.city. Los arrays de valores simples se unen con "; ", y los arrays de objetos reciben rutas con índice como items.0.name.
› ¿Y si los objetos tienen claves distintas?
Las columnas son la unión de todas las claves en el orden en que aparecen por primera vez. Los valores que faltan se dejan vacíos.
› ¿Es seguro poner la salida en una página web?
Sí. El texto se escapa para HTML, así que valores como <script> se muestran como texto.