Renderizador de Tablas HTML desde JSON

Renderizador de Tablas HTML desde JSON

Convierte un arreglo JSON de objetos en una tabla HTML interactiva y con estilo. Pega tus datos JSON y ve instantáneamente una tabla renderizada con columnas ordenables, estilos configurables, manejo de objetos anidados y controles de visibilidad de columnas. Exporta el resultado como HTML incrustable con CSS en línea, CSV o formato de tabla Markdown.

Cómo Usar

Pega un arreglo JSON de objetos en el área de entrada. La herramienta detecta automáticamente todas las claves únicas entre los objetos y las renderiza como columnas de tabla. Elige un estilo de tabla (Plano, Rayado, Con Borde, Compacto u Oscuro), configura cómo se muestran los objetos anidados y activa/desactiva la visibilidad de las columnas. Haz clic en los encabezados de las columnas para ordenar. Copia el HTML, CSV o Markdown generado, o descarga un archivo .html completo con estilos en línea.

Características

• 5 Estilos de Tabla — Temas Plano, Rayado, Con Borde, Compacto y Oscuro. Cada uno genera CSS en línea autocontenido para que la tabla se vea correcta al incrustarla en cualquier lugar.
• Manejo de Objetos Anidados — Tres modos: Convertir a Cadena (mostrar como cadena JSON), Expandir en Línea (aplanar con claves de notación de puntos como “dirección.ciudad”) o Colapsable (expandir/colapsar contenido anidado en el lugar).
• Columnas Ordenables — Haz clic en cualquier encabezado de columna para ordenar ascendentemente o descendentemente. Funciona con texto, números y fechas.
• Visibilidad de Columnas — Casillas de verificación autocompletadas para cada columna detectada. Oculta o muestra campos específicos para personalizar la salida de la tabla.
• Paginación — Paginación automática para conjuntos de datos de más de 50 filas con navegación anterior/siguiente y visualización del recuento de filas.
• Exportar HTML — Copia o descarga HTML completo y autocontenido con CSS en línea. Incrustable en cualquier página web, correo electrónico o documento.
• Exportar CSV — Salida CSV debidamente entrecomillada que maneja comas, comillas y caracteres especiales en los valores.
• Exportar Markdown — Formato de tabla Markdown limpio compatible con GitHub, GitLab y cualquier renderizador Markdown.
• Datos de Ejemplo — Carga JSON de ejemplo para ver la herramienta en acción antes de pegar tus propios datos.

Formato JSON Soportado

La herramienta espera un arreglo JSON de objetos: [{"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}]. Los objetos no necesitan tener claves idénticas — las claves faltantes en algunos objetos producen celdas vacías. Los objetos y arreglos anidados se manejan de acuerdo con el modo seleccionado. Los valores primitivos (cadenas, números, booleanos, nulos) se muestran directamente en las celdas de la tabla.