jsonecho

JSON a tabla HTML

Convierte un array JSON en una tabla HTML limpia, con vista previa en vivo.

Cargando la herramienta...

Cómo usar JSON a tabla HTML

  1. Pega tu array JSON.
  2. Opcionalmente introduce una clase CSS para la tabla.
  3. Comprueba la pestaña Vista previa, luego copia el HTML.

Sobre JSON a tabla HTML

¿Necesitas mostrar un poco de datos JSON en una página web sin escribir una plantilla? Esta herramienta produce una tabla HTML sencilla: una fila de cabecera a partir de las claves, una fila por registro, todos los valores escapados para que sean seguros de pegar en una página.

No hay estilos en línea, solo la estructura, así que tu propio CSS decide cómo se ve. Añade un nombre de clase en las opciones si quieres que la tabla tome el estilo de un framework como table table-striped.

Preguntas frecuentes

¿Es el HTML seguro para publicar?

Los valores están escapados, así que los corchetes angulares y ampersands de tus datos no pueden crear markup. Tú sigues decidiendo dónde va la tabla en la página.

¿Usa estilos en línea?

No, solo los elementos table, thead, tbody, tr, th y td. Estilízalo con tu propio CSS.

¿Y los objetos anidados?

Se aplanan en columnas con nombres con puntos, así que cada celda contiene un valor simple.

Más en Convertidores

Todas las herramientas →