Convertidor de CSV a tabla HTML

Convertidor de CSV a tabla HTML: pega filas y obtén el código | We.Inc

Convertidor gratis de CSV a tabla HTML. Pega datos separados por comas, punto y coma o tabuladores, o celdas copiadas de una hoja de cálculo, y obtén una tabla HTML limpia y accesible.

Convertidor de CSV a tabla HTML

Pega filas de un archivo CSV o directamente de una hoja de cálculo y obtén código de tabla HTML ordenado, con fila de encabezado, texto escapado y atributos scope para lectores de pantalla. Úsalo para poner en una web una lista de precios, un horario, una tabla de tallas o una comparativa sin escribir cada celda a mano.

  • Pega tus datos. Las celdas copiadas de Excel o Google Sheets llegan separadas por tabuladores, así que elige Tabulador; un archivo .csv guardado suele usar comas.
  • Deja marcada 'La primera fila es el encabezado' si la primera línea contiene los nombres de las columnas. Se convierten en celdas th dentro de thead.
  • Añade un nombre de clase si tu sitio da estilo a las tablas con una, como 'price-table'.
  • Copia el HTML en tu página o descárgalo. Las filas más cortas que la más larga se completan con celdas vacías para que las columnas cuadren.
  • Los valores que contienen el separador, como 'Bread, rye' en un archivo con comas, deben ir entre comillas dobles en el CSV. Las exportaciones de hojas de cálculo lo hacen automáticamente.
  • Usa tablas solo para datos que de verdad tienen filas y columnas. Usar una tabla para maquetar una página la hace difícil de leer en móviles y con lectores de pantalla.
  • Añade una frase corta o un título encima de la tabla que diga qué muestra. Ayuda a los visitantes y a los buscadores a entender los números.
  • Las tablas anchas se desbordan en los móviles. Envuelve la tabla en un div con overflow-x: auto para que se desplace de lado en lugar de romper la página.

Preguntas frecuentes

¿Cómo convierto un CSV en una tabla HTML?

Pega el CSV, elige el separador y copia el código. Cada línea se convierte en una fila tr y cada valor en una celda td; con la opción de encabezado, la primera línea se convierte en celdas th con scope="col". Por ejemplo, 'Item,Price' y luego 'Soup,$5' da una tabla con los encabezados Item y Price y una fila: Soup, $5.

¿Puedo pegar directamente desde Excel o Google Sheets?

Sí. Al copiar celdas, quedan en el portapapeles separadas por tabuladores. Elige Tabulador como separador y pega.

¿Y las comas y comillas dentro de los valores?

El convertidor sigue las reglas habituales del CSV: un valor entre comillas dobles puede contener el separador y saltos de línea, y unas comillas dobles dentro de él se escriben duplicadas. "Say ""hi""" se convierte en Say "hi".

¿Se escapa el texto?

Sí. Caracteres como <, > y & se convierten en entidades HTML, de modo que una celda que dice '<5 kg' se muestra como texto en lugar de romper la página.

¿Se suben mis datos?

No. La tabla se crea en tu navegador y nada de lo que pegas se envía a ningún sitio.

Por qué importan las celdas de encabezado y scope

  • Un lector de pantalla anuncia cada celda junto con el encabezado de su columna, de modo que quien escucha oye 'Price, $5' en lugar de un simple '$5'. Eso solo funciona cuando los encabezados están marcados como celdas th. El atributo scope="col" elimina cualquier duda sobre si un encabezado pertenece a una columna o a una fila, algo que importa sobre todo en tablas con varias celdas de encabezado.
  • Poner la fila de encabezado en thead y el resto en tbody también ayuda al imprimir: muchos navegadores repiten la fila thead al principio de cada página impresa cuando una tabla larga se reparte entre varias páginas.

Cómo elegir el separador correcto

  • CSV significa separado por comas, pero el separador cambia. Las hojas de cálculo de países que escriben los decimales con coma, como Alemania o Brasil, suelen exportar con punto y coma para que 2,50 siga siendo un solo valor. Copiar desde una hoja de cálculo produce tabuladores. Si el resultado lo muestra todo en una columna, el separador elegido no corresponde a tus datos.
  • Cuando una tabla aparece desplazada una columna en algunas filas, busca un separador sin comillas dentro de un valor, como una dirección con una coma. Pon ese valor entre comillas dobles en el origen, o vuelve a exportar el archivo, y convierte de nuevo.

Datos CSV

Item,Price,Size Sourdough loaf,$8,900 g "Croissant, butter",$3.50,1 piece Coffee,$4,12 oz

Separador

Coma ,

Punto y coma ;

Tabulador (pegado desde una hoja de cálculo)

La primera fila es el encabezado

Clase de la tabla (opcional)

Pega algunas filas de datos para convertir.

Tabla HTML

Empieza gratis · Sin tarjeta de crédito

Relacionado: Herramientas Gratuitas

Producto

Para quién es

Funciones

Recursos

Empresa

Mapa del sitio