Conversor de CSV a Tabla HTML
Transforma datos en formato CSV en tablas HTML estructuradas con clases CSS personalizadas y control de encabezados.
Ejecutar herramienta
Convierte texto en formato CSV en una estructura de tabla HTML lista para incrustar en sitios web o aplicaciones. Puedes pegar datos separados por comas directamente en el cuadro de entrada y definir si la primera línea corresponde a los títulos de las columnas. Cuando activas la casilla de encabezado, la primera fila genera etiquetas de encabezado de tabla y el resto compone el cuerpo de datos. En caso contrario, todas las filas se integran directamente como celdas normales. La herramienta ajusta automáticamente las filas más cortas añadiendo celdas vacías para igualar la longitud de la columna más ancha. Además, aplica un escape automático a caracteres especiales de HTML tanto en los datos como en la clase CSS asignada, evitando conflictos de formato. Puedes personalizar el nombre de la clase CSS para adaptarlo a las hojas de estilo de tu proyecto o utilizar el valor predeterminado.
Instrucciones
- Pega el texto CSV en el área de entrada principal.
- Marca la opción de encabezado si la primera fila contiene los títulos de las columnas.
- Especifica la clase CSS deseada para la etiqueta de la tabla o mantén el valor por defecto.
- Ejecuta la herramienta para generar el código HTML y revisar el recuento de filas y columnas procesadas.
Ejemplos
- Entrada con encabezados: introducir 'Nombre,Edad Ana,28 Carlos,34' genera una tabla con encabezados en la primera fila y dos filas de datos en el cuerpo.
- Entrada sin encabezados: al desactivar la opción de encabezado con los datos 'Manzana,10 Plátano,15', todas las entradas se generan como celdas normales en el cuerpo de la tabla.
Preguntas frecuentes
¿Qué ocurre si una fila tiene menos columnas que el resto?
La herramienta detecta la fila con mayor número de campos y añade celdas vacías en las filas más cortas del cuerpo para mantener la estructura uniforme.
¿Cómo se procesan los caracteres especiales de HTML?
Tanto los valores del texto CSV como el nombre de la clase CSS se transforman automáticamente en entidades seguras de HTML para evitar conflictos de renderizado.
¿Qué resultado se obtiene si el campo de texto está vacío?
Al enviar un texto vacío o compuesto únicamente por espacios en blanco, se genera una salida vacía con cero filas y cero columnas.