Generador de tablas

Cómo se usa

1. Haz clic en una celda y escribe los datos de tu tabla.
2. Marca «La primera fila es el encabezado» si la tabla tiene títulos de columna.
3. Selecciona la pestaña del formato que necesitas.
4. Copia el código generado o descárgalo como archivo.

Ejemplos

| Producto | Stock | Precio |
| :--- | ---: | ---: |
| Cuaderno | 30 | 2,50 € |
| Bolígrafo azul | 7 | 1,20 € |

| Producto       | Stock | Precio |
| :------------- | ----: | -----: |
| Cuaderno       |    30 | 2,50 € |
| Bolígrafo azul |     7 | 1,20 € |

Concepto,Variación,Referencia
Ventas,12%,ventas_2026
I+D,8%,informe_final

% requires \usepackage{booktabs}
\begin{table}[h]
  \centering
  \begin{tabular}{lll}
    \toprule
    Concepto & Variación & Referencia \\
    \midrule
    Ventas & 12\% & ventas\_2026 \\
    I+D & 8\% & informe\_final \\
    \bottomrule
  \end{tabular}
  \caption{Variación por concepto}
\end{table}

Actividad,Día,Hora
Taller de cerámica,Martes,18:30
Club de lectura,Jueves,19:00

<style>
.art-table{border-collapse:collapse}
.art-table th,.art-table td{border:1px solid #d0d7de;padding:6px 12px}
.art-table th{background:#f6f8fa;font-weight:600}
</style>
<div style="overflow-x:auto;">
  <table class="art-table">
    <thead>
      <tr>
        <th>Actividad</th>
        <th>Día</th>
        <th>Hora</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Taller de cerámica</td>
        <td>Martes</td>
        <td>18:30</td>
      </tr>
      <tr>
        <td>Club de lectura</td>
        <td>Jueves</td>
        <td>19:00</td>
      </tr>
    </tbody>
  </table>
</div>

Sintaxis de tablas por formato

Markdown (GitHub). Las celdas se separan con barras verticales y la segunda línea debe ser un separador como | --- | --- |. Los dos puntos fijan la alineación: :-- izquierda, :-: centro, --: derecha. Escribe una barra literal como \| y un salto de línea dentro de una celda como <br>. Previsualiza la tabla en un documento completo con el Visor y editor Markdown.

| Name  | Score |
| ----- | ----: |
| Alice |    92 |

HTML. Un <table> con la fila de encabezado en <thead> como celdas <th> y los datos en <tbody>. Elige un bloque CSS para páginas web o estilos en línea para correos, donde <style> suele eliminarse.

<table>
  <thead><tr><th>Name</th><th>Score</th></tr></thead>
  <tbody><tr><td>Alice</td><td>92</td></tr></tbody>
</table>

CSV / TSV. Una fila por línea, con los campos separados por coma, punto y coma, tabulación o barra vertical. Un campo que contiene el separador, comillas o un salto de línea va entre comillas dobles, y las comillas internas se duplican. ¿Necesitas JSON? Usa CSV a JSON.

Name,Note
Alice,"Admin, ""owner"""

LaTeX. Un entorno tabular: la especificación de columnas (l, c, r) fija la alineación, & separa las celdas y \\ termina una fila. Los caracteres & % $ # _ { } ~ ^ \ deben escaparse. El estilo Booktabs requiere \usepackage{booktabs}; los demás estilos no necesitan paquetes adicionales.

\begin{tabular}{|l|r|}
  \hline
  Name & Score \\
  \hline
  Alice & 92 \\
  \hline
\end{tabular}

MediaWiki. La tabla empieza con {| y termina con |}; |- inicia una fila, ! marca las celdas de encabezado y | las de datos, con !! y || entre celdas de una misma línea.

{| class="wikitable"
|-
! Name !! Score
|-
| Alice || 92
|}

Texto. Una tabla de texto plano para comentarios de código, archivos README y terminales: bordes ASCII (+---+), líneas de recuadro Unicode o un diseño compacto con columnas separadas por espacios. Los caracteres anchos, como los chinos o los emojis, ocupan dos columnas, así que los bordes quedan alineados.

+-------+-------+
| Name  | Score |
+-------+-------+
| Alice | 92    |
+-------+-------+