Convertidor de tabla HTML a JSON/CSV

¿Qué es esta herramienta?

Las páginas web a menudo presentan datos dentro de un elemento <table> HTML — una página de precios, una tabla de estadísticas, un listado extraído de otra web — pero ese código no se puede usar directamente en programación ni en una hoja de cálculo. Esta herramienta analiza el código <table> pegado, lee la fila de encabezado (desde <thead>/<th>, o la primera <tr> si no hay <thead>), asigna las celdas de cada fila siguiente a esos encabezados y genera un array de objetos JSON o un archivo CSV.

También funciona al revés: pega un array de objetos JSON o texto CSV y la herramienta genera una tabla HTML bien estructurada, con un <thead> para los encabezados de columna y un <tbody> para las filas de datos, lista para pegar en una página web o CMS.

Todo se ejecuta con el DOMParser integrado del navegador — no se envía ningún HTML a un servidor, por lo que es seguro usarlo con contenido pegado que incluya datos internos o sensibles.

Fuente: la estructura de la tabla sigue la definición del elemento table del WHATWG HTML Living Standard.

¿Por qué utilizarlo?

• Conversión en ambos sentidos — tabla HTML a JSON, tabla HTML a CSV, y JSON/CSV de vuelta a código de tabla HTML limpio.
• Detección automática de encabezados — funciona con <thead>/<th> o con una simple primera <tr> usada como fila de encabezado.
• Sin pasar antes por una hoja de cálculo — va directamente del código de tabla a datos estructurados.
• Genera salida HTML correctamente escapada, así que caracteres especiales como < y & en tus datos no rompen la tabla.
• 100% del lado del cliente — el HTML que pegas (que puede venir de una página interna o un panel de administración) nunca sale de tu navegador.

Cómo utilizarlo

1. Para convertir una tabla HTML: pega el código <table>...</table> en el primer cuadro y pulsa "Convertir a JSON" o "Convertir a CSV".
2. Revisa el resultado, cópialo o haz clic en el enlace de descarga para guardar el archivo.
3. Para generar una tabla HTML: pega un array JSON o texto CSV en el segundo cuadro.
4. Pulsa "Convertir a tabla HTML" y copia el código generado en tu página o CMS.

Ejemplo

Entrada

<table><tr><th>name</th><th>age</th></tr><tr><td>Alice</td><td>30</td></tr></table>

Resultado

[{"name":"Alice","age":"30"}]

Las celdas de la primera fila se convierten en las claves del objeto; cada fila siguiente se convierte en un elemento del array con los valores tomados como texto.

Consejos prácticos

• Extraer datos de una tabla en una página web: ve al código fuente o inspecciona el elemento, copia el código <table>...</table> y pégalo aquí en lugar de volver a escribir los datos a mano.
• Publicar una respuesta de API como una tabla legible en un sitio o CMS: pega el array JSON en el segundo cuadro y copia el HTML generado directamente en el bloque de texto enriquecido o HTML de tu página.
• Si una tabla usa <div> o CSS grid en vez de etiquetas <table> reales, esta herramienta no podrá analizarla — la página de origen necesita usar etiquetas de tabla HTML de verdad.

Por qué importa detectar el encabezado

Una tabla sin una fila de encabezado clara es ambigua — cualquier herramienta que la procese después necesita saber qué fila define los nombres de columna antes de poder convertir el resto en registros estructurados. Esta herramienta resuelve esa ambigüedad de la misma forma que los navegadores y la mayoría de los scrapers: busca primero una sección <thead> explícita, y solo si no la encuentra recurre a tratar la primera fila visible como encabezado. Eso mantiene la conversión predecible incluso con código de tabla escrito a mano o extraído de otra web que se salta las etiquetas más semánticas.

Preguntas frecuentes