CSV → tabla HTML

CSV a una tabla HTML.
Semántica, no una rejilla de div.

La primera fila se vuelve un <thead> real con atributos scope, así que un lector de pantalla puede leer la tabla como una tabla.

Las comas entre comillas, los saltos de línea dentro de una celda y las exportaciones europeas con punto y coma están cubiertos.

Suelta un archivo aquí.

O elígelo con el botón. O simplemente pega con Ctrl+V. Decenas a la vez no es problema.

.csv .tsv .txt / 25 MB por archivo / corre en tu navegador, nada se sube

Otros formatos: .md .markdown .mdown MD → HTML · .docx .doc DOCX → HTML · .html .htm Google Docs → HTML · .text Texto → HTML · .xlsx Excel → tabla · .pdf docstomd.com

O pégalo aquí

Salida
Salida
Sangría
CSS de tabla
Fila de encabezado
Delimitador

Cómo funciona

  1. 01Suelta un .csv o .tsv arriba, o pega las filas directamente en el cuadro. Nada sale de la pestaña.
  2. 02El separador se deduce del propio archivo (coma, punto y coma, tabulador o barra vertical) y se indica encima de la salida. Cámbialo si la deducción falla.
  3. 03Elige si la primera fila es un encabezado y si incluir el CSS responsive, y copia el HTML o descarga el archivo.

Qué se admite

  • Cualquier separador que haya usado la exportación, deducido del archivo o puesto a mano
  • Los campos entrecomillados llegan enteros; un salto de línea dentro de una celda se vuelve <br> en lugar de romper la fila
  • Exportaciones alemanas, francesas y españolas, donde el separador es el punto y coma porque la coma es el decimal
  • Primera fila como <thead> con <th scope="col">, o sin encabezado
  • Una marca de orden de bytes inicial, descartada para que no acabe dentro de tu primer <th>
  • Filas cortas rellenadas con <td> vacíos para que todas lleven el mismo número de celdas

Qué no hace

  • UTF-8 a la entrada y a la salida, que es lo que declara el meta charset; otras codificaciones pueden llegar con caracteres extraños
  • 25 MB de texto y 100.000 celdas de una vez
  • El texto de la celda se escapa, nunca se reformatea: 007 llega al <td> como 007
  • Sin ordenar, filtrar ni totalizar: convierte, no calcula
  • No hay JavaScript en la salida, así que la tabla no es interactiva
  • Las comillas sin cerrar derrotan a cualquier lector de CSV, y las celdas pueden caer en la columna equivocada

Preguntas que nos hacen

Porque los datos tabulares son justo para lo que existe el elemento table. Un lector de pantalla anuncia las dimensiones, permite moverse celda a celda y lee el encabezado de columna con cada celda; nada de eso lo da una rejilla de div. Los motores de búsqueda también lo leen como datos. El estilo no es razón para renunciar a ello.

¿Vas en la otra dirección?

DocsToMD es esta misma herramienta al revés: Word, PDF, Excel y HTML a Markdown. Mismo enfoque, mismo modelo de privacidad, salida opuesta.

docstomd.com