UltKit

Convertir JSON a tabla HTML

Muestre la salida de una API a personas que nunca abrirán un archivo .json. El convertidor crea una tabla HTML a partir de sus registros, con una celda de encabezado por clave y una fila por objeto, lista para abrir en un navegador o pegar en una página.

Convertidor de datos

o suelte aquí archivos CSV, TSV, TXT … ·

Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos

Salida

Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.

Cómo usar esta herramienta

  1. 1

    Suba los datos JSON

    Agregue archivos .json, .jsonl o .ndjson. Un array de objetos con las mismas claves da la tabla más limpia. Hasta 20 archivos de 95 MB cada uno.

  2. 2

    Revise encabezados y fechas

    Las claves se convierten en encabezados de columna. En Opciones avanzadas, ponga Fechas en un formato que sus lectores reconozcan, como 18/10/2026 para un público hispanohablante.

  3. 3

    Convierta a tabla HTML

    Pulse Convertir a tabla HTML, abra el archivo .html en un navegador para revisarlo y copie la tabla en su CMS, editor de boletines o wiki.

Pasar de JSON a HTML convierte un array de registros en un elemento table sencillo: claves en la parte superior, una fila por registro y nada más, para que encaje en cualquier página o correo donde termine.

Quién necesita mostrar JSON como tabla HTML

El JSON suele salir de un sistema y la tabla va dirigida a una persona. Una gerente de producto extrae una lista de feature flags de una API de administración y la quiere en la wiki del equipo. Un desarrollador tiene que enseñar a un cliente los resultados de una exportación de datos sin darle un visor de JSON. Un editor de boletines recibe eventos de una plataforma de reservas y los necesita en el próximo número. Teclear a mano las filas de cientos de registros es lento.

Las tablas forman parte de la web desde HTML 3.2, que el W3C publicó como Recomendación en enero de 1997, y todos los navegadores, CMS y clientes de correo saben mostrarlas. El convertidor escribe solo la estructura, celdas de encabezado y celdas de datos, así que los estilos existentes de su sitio deciden el aspecto. Cuando el destino es un README de GitHub o documentación escrita en Markdown, CSV a Markdown produce el equivalente con barras verticales.

Ejemplo de JSON a tabla HTML

Dos registros de versiones convertidos con Convertir a tabla HTML
[
  {"version": "2.4.0", "fecha": "2026-09-30", "notas": "Búsqueda & exportación más rápidas"},
  {"version": "2.3.1", "fecha": "2026-08-12", "notas": "Corrige el ancho de <select>"}
]

<table>
  <thead>
    <tr><th>version</th><th>fecha</th><th>notas</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>Búsqueda &amp; exportación más rápidas</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Corrige el ancho de &lt;select&gt;</td></tr>
  </tbody>
</table>

Entrada JSON y las salidas en tabla que puede elegir

from ↓ · to →Tabla HTMLTabla MarkdownTabla DOCX
Array JSONArray JSON to Tabla HTML: yesArray JSON to Tabla Markdown: yesArray JSON to Tabla DOCX: yes
JSON LinesJSON Lines to Tabla HTML: yesJSON Lines to Tabla Markdown: yesJSON Lines to Tabla DOCX: yes
NDJSONNDJSON to Tabla HTML: yesNDJSON to Tabla Markdown: yesNDJSON to Tabla DOCX: yes
CSVCSV to Tabla HTML: yesCSV to Tabla Markdown: yesCSV to Tabla DOCX: yes
XLSXXLSX to Tabla HTML: yesXLSX to Tabla Markdown: yesXLSX to Tabla DOCX: yes
supported not offeredTodas las entradas admiten **Convertir a** cualquiera de las tres salidas en tabla; esta página preselecciona HTML.

Dónde funciona bien una tabla HTML

  • Wikis, páginas de CMS y portales de intranet que aceptan HTML sin procesar
  • Boletines por correo electrónico, donde las tablas se muestran en casi todos los clientes
  • Compartir rápido: cualquier navegador abre el archivo, sin software adicional

Dónde no es la opción adecuada

  • Datos que se seguirán editando, que deben estar en una hoja de cálculo
  • Exportaciones muy grandes, donde una página con 50 000 filas se vuelve lenta al desplazarse
  • Alimentar otro programa, que debería recibir el JSON o un CSV

Los formatos JSON y HTML de un vistazo

JSON

JavaScript Object Notation (JSON)

JSON es un formato de texto ligero para datos estructurados, popularizado por Douglas Crockford a principios de la década de 2000 y estandarizado como RFC 8259 y ECMA-404. Representa objetos, arreglos, cadenas, números, booleanos y null con una sintaxis sencilla y legible. Es el formato predeterminado para las API web, los archivos de configuración y el intercambio de datos entre aplicaciones en casi todos los lenguajes de programación. No incluye comentarios, fechas ni esquemas, y los archivos grandes y anidados son difíciles de leer sin un visor.

Compresión
–
Transparencia
–
Animación
–
Presentado en
2001 · Douglas Crockford
Convertidor de JSON

HTML

HyperText Markup Language (HTML)

HTML es el lenguaje de marcado de la web, descrito por primera vez por Tim Berners-Lee a principios de la década de 1990 y mantenido hoy por el WHATWG como estándar vivo. Un archivo HTML describe encabezados, párrafos, enlaces, tablas, imágenes y formularios, mientras que el estilo suele provenir de CSS. Todos los navegadores lo representan, y también se usa para plantillas de correo electrónico y páginas web guardadas. Un archivo HTML suele depender de imágenes y hojas de estilo externas, por lo que puede verse incompleto si se mueve solo.

Compresión
–
Transparencia
–
Animación
–
Presentado en
1993 · Tim Berners-Lee; maintained by WHATWG
Convertidor de HTML

JSON se presenta como HTML cuando los datos obtenidos por código tienen que leerlos personas en un navegador, un correo o una página de CMS, donde una tabla con encabezados es mejor que llaves y comillas en bruto.

Los dos formatos están en extremos opuestos de una solicitud web. JSON es lo que el servidor envía al código, y HTML es lo que el navegador muestra al final. Convertir a mano significa hacer en un archivo lo que una plantilla de front-end haría en tiempo de ejecución, y es el intercambio correcto cuando los datos son una instantánea, no un feed que cambia cada minuto.

Preguntas sobre convertir JSON a HTML

¿Puedo pegar la tabla HTML generada desde JSON en WordPress?

Sí. En el editor de bloques use un bloque HTML personalizado, o en el editor clásico la pestaña Texto, y pegue el elemento table. Los estilos de tabla de su tema se aplican automáticamente, porque el resultado lleva marcado, no una hoja de estilos propia.

¿La tabla HTML se ve bien en Outlook y Gmail?

Las tablas HTML son la estructura más fiable en el correo electrónico, porque Outlook de escritorio muestra los mensajes con el motor de Word desde Outlook 2007 e ignora buena parte del CSS moderno. Inserte la tabla con la opción de HTML o de código fuente de su herramienta de correo en lugar de adjuntar el archivo.

¿Cómo se muestran los objetos JSON anidados en la tabla HTML?

Los objetos anidados se reparten en columnas adicionales con nombres separados por puntos, como cliente.email. Una lista de valores dentro de un registro queda en una sola celda como texto JSON, porque una fila de tabla no puede tener un número distinto de celdas en cada registro.

¿Los caracteres especiales de mis datos son seguros en el HTML?

Los caracteres con significado en HTML, como < y &, se escriben como entidades, así que un valor como <b>Oferta</b> aparece como texto en lugar de poner la celda en negrita. Eso también impide que el marcado suelto de datos generados por usuarios se ejecute en su página.

¿Por qué usar una tabla en lugar de un gráfico?

Las tablas muestran valores exactos y permiten buscar una fila concreta; los gráficos muestran tendencias. Para una lista de precios, un registro de versiones o un directorio de personal, la tabla es la herramienta correcta; para una serie temporal, use la tabla HTML como fuente de datos de una biblioteca de gráficos.

¿Puedo editar los datos después de convertirlos a HTML?

Edite en el origen, no en el HTML. Actualice el JSON o la hoja de cálculo de la que salió y vuelva a convertir, o pase los registros a un libro con JSON a Excel si van a mantenerlos personas que no programan.