Cómo usar: CSV y Excel a Tabla HTML
- Pega celdas de CSV o Excel, abre un archivo
.csv,.xlsxo.json, o carga el ejemplo. - Elige un estilo: marcado simple, CSS integrado o clases de Bootstrap, y añade tus propios nombres de clase si los necesitas.
- Activa o desactiva
<thead>, el escape de HTML, el manejo de saltos de línea y la minificación. - Revisa la vista previa renderizada y luego copia el marcado o descárgalo.
¿Qué es un generador de tablas HTML?
Un generador de tablas HTML convierte filas de datos en marcado <table> que puedes pegar en una página web, un CMS, un correo o una documentación. Escribir ese marcado a mano es lento y propenso a errores: cada celda necesita su propia etiqueta y los caracteres especiales deben escaparse. Esta herramienta lo hace en un solo paso a partir de CSV, celdas de Excel o JSON.
Marcado accesible y semántico
La fila de encabezado se convierte en <thead> con celdas <th scope="col">, y los datos van en <tbody>. Los lectores de pantalla usan estos elementos para anunciar el nombre de la columna en cada celda, y los navegadores repiten <thead> en cada página impresa. Un <caption> opcional da a la tabla un nombre accesible.
<table class="data-table">
<thead>
<tr>
<th scope="col">name</th>
<th scope="col">plan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ada Lovelace</td>
<td>pro</td>
</tr>
</tbody>
</table>El escape es importante
Con Escapar HTML en las celdas activado (por defecto), caracteres como <, >, & y " se convierten en entidades, así que un valor como <b> se muestra como texto en lugar de alterar la página. Desactívalo solo si tus celdas contienen HTML de confianza a propósito, como enlaces. La vista previa se ejecuta en un marco aislado con los scripts desactivados.
Opciones de estilo
| Estilo | Qué obtienes |
|---|---|
| HTML simple | Marcado sin estilos que hereda el CSS de tu sitio |
| CSS integrado | Un pequeño bloque <style>: bordes, fondo de encabezado, filas alternadas y números alineados a la derecha |
| Bootstrap | Clases table table-striped table-bordered para sitios con Bootstrap 4/5 |
Para el texto enriquecido de Webflow y los sitios basados en Markdown, una tabla Markdown puede ser más sencilla. Para convertir una tabla HTML existente a Markdown, usa HTML a Markdown.
También se busca como: csv a html, excel a tabla html, generador de tablas html, convertir csv a tabla html, json a tabla html, hoja de cálculo a html, tabla html desde excel.
Herramientas que combinan con: CSV y Excel a Tabla HTML
- Generador de Select — Deja de escribir las listas de opciones a mano.
- Formateador HTML — Pega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques <style> y <script> incrustados.
- Markdown a HTML — Escribe o pega Markdown y obtén HTML limpio al instante, con vista previa saneada en vivo, tablas GFM, listas de tareas y bloques de código delimitados.
- Excel a JSON — Abre un libro .xlsx o pega celdas directamente desde Excel o Google Sheets y obtén JSON limpio.
Preguntas frecuentes
¿Cómo convierto una tabla de Excel a HTML?
¿Las celdas pueden contener enlaces u otro HTML?
¿La tabla será responsive?
overflow-x:auto, como hacen la mayoría de los frameworks responsive.