Celdas vacías
Este convertidor de JSON a HTML transforma JSON en el código de una tabla HTML limpia para pegar en una página, un correo electrónico o un CMS. Pega o abre el JSON, revisa la vista previa y copia o descarga el código.
Última actualización:
Cómo funciona
Abre o pega el JSON
Pega un array JSON, abre un archivo .json, usa Abrir desde URL o Cargar ejemplo. El array de registros se detecta automáticamente.
Da estilo al marcado
Elige tabla HTML o listas anidadas, agrega una clase CSS, activa Estilos en línea y elige las columnas en la vista de tabla.
Copia o descarga
Revisa la vista previa y luego copia el HTML o descárgalo como archivo .html.
Funciones
Tabla HTML limpia
Una <table> con <thead> y <tbody>, un <th> por clave y una fila por registro, con sangría para leerla o en una sola línea. Los objetos anidados pasan a columnas con puntos que puedes ocultar o reordenar.
Clases y estilos en línea
Agrega una clase como table table-striped para tu framework, o estilos en línea con bordes y relleno para correos electrónicos y editores sin tu CSS.
Listas anidadas
Para un JSON que no es una lista de registros, Listas anidadas escribe cualquier estructura como listas <ul> y <ol> con las claves en negrita.
Escapado y seguro
Todos los valores se escapan, así que un <script> en los datos aparece como texto. La vista previa se ejecuta en un entorno aislado con los scripts desactivados.
Límites y privacidad
Los archivos JSON pueden ocupar hasta 50 MB, y las tablas tienen un límite de 100000 filas. Los de más de 5 MB se convierten directamente desde el archivo sin cargarlos en el editor.
No se admiten tablas Markdown ni archivos de marcadores. Consulta la página de privacidad.
Preguntas frecuentes
¿Cómo convertir JSON a una tabla HTML?
Pega el array JSON o abre el archivo. El código de la tabla aparece mientras escribes; usa Copiar o Descargar .HTML.
¿Puedo ver la tabla HTML antes de copiarla?
Sí. La pestaña Vista previa muestra la tabla tal como la dibuja un navegador, en un entorno aislado.
¿Cómo agrego Bootstrap o mi propia clase CSS?
Escribe los nombres de clase en Clase CSS, por ejemplo table table-striped. Se agregan al elemento <table>.
¿El convertidor de JSON a HTML online es gratis?
Sí, es gratis y no necesita cuenta.
¿Y si mi JSON no es un array?
Elige Listas anidadas para convertir cualquier JSON en listas HTML anidadas, o escribe la ruta del array en Array que se convierte.
¿Se suben mis datos?
No. El HTML se genera en tu navegador y tu JSON nunca sale de tu dispositivo.