Saltar al contenido
TextArray
Totalmente local

Tabla de CSV a HTML

Convierta los datos CSV en un marcado de tabla HTML limpio con thead, tbody y celdas con escape.

Entrada

Tabla de CSV a HTML

Pegue datos CSV y obtenga una tabla HTML limpia: un thead creado a partir de la fila del encabezado, un tbody con un tr por registro y una sangría ordenada de dos espacios que encaja directamente en una plantilla o una revisión de código. Trabajos típicos: publicar una exportación de hoja de cálculo en una página web, agregar una tabla al contenido de CMS donde el editor visual modifica las celdas pegadas, crear un correo electrónico HTML donde las tablas siguen siendo el único diseño que se muestra en todas partes o incluir datos de referencia en la documentación.

Deje el delimitador en la detección automática y la herramienta tomará muestras de sus datos y seleccionará el carácter que produzca las filas más consistentes, de modo que los archivos de coma, punto y coma, tabulación y barra vertical se conviertan sin configuración. Los campos entre comillas siguen RFC 4180: un campo entre comillas dobles puede contener el delimitador, comillas dobles "" e incluso saltos de línea, que aparecen como etiquetas br, por lo que cada registro aún se representa como una sola fila. Los registros a los que les faltan celdas se rellenan hasta la fila más ancha, por lo que la tabla nunca queda irregular.

Cada celda tiene un formato de escape HTML (los símbolos, corchetes angulares y comillas se convierten en entidades), por lo que un < perdido en los datos nunca puede dividir la página ni introducir etiquetas de contrabando. "La primera fila son los encabezados" convierte el primer registro en las celdas; apáguelo y cada fila se convierte en una fila td simple. El estilo básico agrega un pequeño bloque de estilo con bordes finos y envuelve la tabla en un contenedor que se desplaza horizontalmente en pantallas estrechas; El marcado solo deja el estilo a tu propio CSS.

Todo se ejecuta en su navegador y los datos nunca salen de su dispositivo, por lo que es seguro convertir una exportación de cliente. Copie el marcado, descárguelo como un archivo .txt o péguelo directamente en su página.

Preguntas frecuentes

¿Qué delimitadores lee?
Coma, punto y coma, tabulación y barra vertical, con detección automática de forma predeterminada: la herramienta toma muestras de los datos y selecciona el carácter que produce las filas más consistentes. Cuando la suposición sea incorrecta, elija el delimitador a mano.
¿Se ha escapado el contenido de la celda?
Sí. Los símbolos comerciales, corchetes angulares y comillas se convierten en entidades HTML, por lo que los datos nunca pueden inyectar marcas en su página. Un salto de línea dentro de un campo entrecomillado se convierte en una etiqueta br, por lo que el registro permanece en una fila de la tabla.
¿Qué aporta el estilo básico?
Un pequeño bloque de estilo con bordes finos mediante colapso de bordes y relleno de celda, además de un div contenedor que se desplaza horizontalmente en pantallas estrechas. Todos los nombres de clases tienen el prefijo ta-table, por lo que no colisionarán con su CSS. El marcado solo lo omite todo.
¿Qué sucede con las filas a las que les faltan celdas?
Los registros cortos se rellenan con celdas td vacías hasta el ancho de la fila más ancha, por lo que la tabla generada siempre tiene una forma rectangular.
¿Mis datos se cargan en algún lugar?
No. La conversión se ejecuta completamente en su navegador y su CSV nunca sale de su dispositivo.