JSON a tabla HTML
Renderiza datos JSON como tabla HTML
Entrada JSON
Salida HTML
Herramientas relacionadas
Preguntas frecuentes
Pega un array JSON de objetos y haz clic en Convert. Las claves de los objetos se convierten en encabezados de columna y cada objeto pasa a ser una fila. El HTML generado incluye las etiquetas correctas <table>, <thead> y <tbody>.
Sí. El HTML generado usa elementos estándar de tabla y no incluye estilos inline, así que puedes aplicar cualquier framework CSS o estilos propios. Copia el HTML y añade tus clases para Tailwind, Bootstrap o CSS personalizado.
Lo que mejor queda es un array plano de objetos con claves consistentes. Por ejemplo: [{"name":"Alice","role":"Dev"},{"name":"Bob","role":"QA"}]. Si hay objetos anidados, se muestran como JSON serializado dentro de la celda.
Sí. La herramienta muestra el HTML en bruto y una vista previa renderizada en paralelo, para que puedas comprobar el resultado antes de copiarlo.