Cómo convertir JSON a una tabla HTML
- Pega un array JSON (o sube un archivo
.json) en el recuadro de arriba y pulsa Build table. - Desmarca las columnas que no quieras y usa las flechas arriba/abajo para poner las que quedan en el orden que prefieras.
- Elige un estilo (Plain, Minimal, Striped rows, Bordered o Dark mode) y observa cómo se actualiza la vista previa en directo.
- Pulsa Copy HTML para obtener el código en bruto, Copy rendered table para pegar una tabla ya con estilo directamente en un documento, o Download .html para guardarla como archivo.
Por qué convertir JSON a una tabla HTML
JSON es el idioma nativo de las APIs, las exportaciones y los archivos de configuración, pero una página web, un artículo de un CMS, una wiki interna o un correo necesitan una <table> real, no un muro de llaves. Sacar una lista de usuarios, productos o resultados de una encuesta de la respuesta de una API y convertirla en algo que puedas pegar directamente en una página es exactamente el tipo de tarea repetitiva de formateo que esta herramienta existe para eliminar.
Escribir esa tabla a mano es lento y propenso a errores en cuanto los datos superan un puñado de filas, y empeora en el momento en que el JSON de origen es inconsistente, que a un solo objeto le falte un campo que los demás sí tienen basta para descuadrar una tabla hecha a mano. Esta herramienta siempre calcula su lista de columnas a partir de todas las claves vistas en todas las filas, así que una fila a la que le falte una clave recibe una celda vacía honesta en lugar de desalinear todas las columnas siguientes.
Poder elegir qué columnas mostrar, y en qué orden, importa tanto como la propia conversión: una respuesta de API en bruto suele traer muchos más campos de los que realmente quieres publicar (IDs internos, marcas de tiempo, metadatos anidados), y la lista de columnas de aquí te permite reducirla exactamente a lo que debe aparecer en la página antes de copiar nada.
Tu JSON nunca sale de tu dispositivo
Las exportaciones JSON contienen a menudo justo el tipo de datos que no quieres que pasen por un servidor de terceros, registros de clientes, tokens de API, IDs internos, a veces una consulta entera de base de datos exportada “solo para comprobar algo”. Esta herramienta lee y convierte tu JSON enteramente en la memoria de tu propio navegador; no hay paso de subida, no hay procesamiento en un servidor, y no queda ninguna copia de tus datos en ningún sitio salvo tu propio dispositivo.
Usos habituales
- Convertir una respuesta de API (una lista de usuarios, pedidos o productos) en una tabla para una entrada de blog, una página de wiki interna o un sitio de documentación.
- Publicar datos de encuestas o formularios como una tabla legible sin escribir a mano el marcado
<tr>/<td>. - Crear rápidamente una tabla con estilo para pegarla directamente en un correo o un Google Doc a partir de una exportación JSON.
- Aplanar registros JSON anidados (direcciones, perfiles, objetos de configuración) en columnas planas y legibles antes de publicarlos.
- Reducir una respuesta de API muy extensa a solo las columnas que merece la pena mostrar, en el orden que mejor se lea.
- ¿Ya tienes un CSV en lugar de JSON? Mira el Visor de CSV para explorarlo, o empieza por Convertir JSON a CSV si necesitas un archivo de hoja de cálculo en lugar de una tabla HTML.
- ¿Prefieres una tabla en Markdown para un README o una página de wiki en lugar de HTML en bruto? Mira el Generador de Tablas Markdown.
- ¿Quieres comprobar o reformatear antes el JSON de origen? Mira el Formateador de JSON.
- ¿Partes de un rango de hoja de cálculo en lugar de JSON, o necesitas celdas combinadas? Mira el Generador de Tablas HTML, que comparte estos mismos cinco estilos en un editor de cuadrícula visual con soporte para pegar desde hoja de cálculo.
