Generador de tablas HTML

Pega tus datos (una fila por línea) y obtén una tabla HTML limpia, con vista previa y código listo para copiar.

Vista previa

Código HTML

Para qué sirve

Genera el código de una tabla HTML semántica (con thead y tbody) a partir de datos que ya tienes en una hoja de cálculo o en una lista. Solo tienes que pegarlos y copiar el resultado en tu web o en tu artículo.

Formatos reconocidos

Cada línea es una fila de la tabla; las celdas pueden separarse por coma, punto y coma o tabulador (así puedes pegar directamente desde Excel o Google Sheets). Los caracteres especiales se escapan automáticamente.

Qué sale, y por qué está hecho así

No sale un bloque de div puestos en cuadrícula: sale una tabla de verdad, con el encabezado dentro de thead y las celdas de cabecera como th. La diferencia no es estética. Un lector de pantalla, al llegar a una celda, anuncia la columna a la que pertenece («Precio: 12 euros») solo si esa columna está declarada como encabezado; con los div lee una fila de números sin contexto, y esa es la diferencia entre una tabla consultable y un muro de datos.

Por el mismo motivo el código que sale es limpio y sin estilos en línea: el color y los bordes son tarea del CSS de la web que la aloja, y una tabla sin estilos se integra en vez de desentonar.

Las tablas son para los datos, no para la maquetación

Es una regla de hace veinte años y sigue valiendo: se usa una tabla cuando los datos tienen filas y columnas con significado — una lista de precios, un horario, una comparativa, unas cuentas. No se usa para poner dos cosas una al lado de otra en una página: para eso están las cuadrículas del CSS, que se adaptan a la pantalla, mientras que una tabla maquetada a mano en un móvil se vuelve ilegible.

En el móvil hay que meterla dentro de algo que se desplace

Una tabla con cinco columnas no cabe en un móvil: o se aplasta en columnitas ilegibles, o se sale y hace que se desplace de lado toda la página, que es el defecto peor porque rompe también lo demás. La solución es de una línea: se envuelve la tabla en un contenedor con overflow-x: auto y se le da un min-width. Así se desplaza ella sola, y la página se queda quieta.

Herramientas cercanas

Si los datos vienen de una hoja de cálculo, conviene limpiarlos antes con Limpiar CSV; si tienen que volver a Excel la página es De CSV a Excel. Para una tabla en markdown, para meter en un documento o en una respuesta, está Generador de tablas Markdown, y para sacar una tabla de un PDF Extraer las tablas de un PDF.