Saltar al contenido principal

Markdown Table Generator

Una herramienta para crear y editar fácilmente tablas Markdown. ¡Convierte datos CSV, JSON a tablas Markdown o edita tablas directamente!



Características principales​


1. Dos modos de entrada​


Modo Table​


    

  • Editor de tabla visual
    • 

  • Entrada directa celda por celda
    • 

  • Agregar y eliminar filas/columnas
    • 

  • Configuración de alineación de columnas
    • 



Modo CSV/JSON​


    

  • Convertir datos CSV a tablas
    • 

  • Convertir arrays JSON a tablas
    • 

  • Entrada rápida de datos masivos
    • 



2. Opciones de alineación​


Configura la alineación para cada columna:


    

  • Alineación izquierda (:---)
    • 

  • Alineación centrada (:---:)
    • 

  • Alineación derecha (---:)
    • 



3. Vista previa en tiempo real​


    

  • Ver instantáneamente la salida Markdown
    • 

  • Vista previa de tabla renderizada
    • 



Ejemplos de uso​


Creación básica de tabla​


Entrada:


Header 1 | Header 2 | Header 3
Cell 1-1 | Cell 1-2 | Cell 1-3
Cell 2-1 | Cell 2-2 | Cell 2-3


Salida Markdown:


| Header 1 | Header 2 | Header 3 |
| :--- | :--- | :--- |
| Cell 1-1 | Cell 1-2 | Cell 1-3 |
| Cell 2-1 | Cell 2-2 | Cell 2-3 |


Conversión de datos CSV​


Entrada CSV:


Name, Age, City
John Doe, 30, New York
Jane Smith, 25, Los Angeles
Bob Johnson, 35, Chicago


Salida Markdown:


| Name | Age | City |
| :--- | :--- | :--- |
| John Doe | 30 | New York |
| Jane Smith | 25 | Los Angeles |
| Bob Johnson | 35 | Chicago |


Conversión de datos JSON​


Entrada JSON:


[
  {"name": "John", "age": 30, "city": "NYC"},
  {"name": "Jane", "age": 25, "city": "LA"},
  {"name": "Bob", "age": 35, "city": "Chicago"}
]


Salida Markdown:


| name | age | city |
| :--- | :--- | :--- |
| John | 30 | NYC |
| Jane | 25 | LA |
| Bob | 35 | Chicago |


Casos de uso​


1. Escritura de README.md​


# API Documentation

## Endpoints

| Method | Endpoint | Description | Auth Required |
| :--- | :--- | :--- | :---: |
| GET | /api/users | Get all users | ✓ |
| POST | /api/users | Create user | ✓ |
| GET | /api/users/:id | Get user by ID | ✓ |
| DELETE | /api/users/:id | Delete user | ✓ |


2. Documentos de especificación técnica​


## Browser Support

| Browser | Version | Status |
| :--- | :---: | :---: |
| Chrome | 90+ | ✅ |
| Firefox | 88+ | ✅ |
| Safari | 14+ | ✅ |
| Edge | 90+ | ✅ |
| IE11 | - | ❌ |


3. Tablas de comparación​


## Plan Comparison

| Feature | Free | Pro | Enterprise |
| :--- | :---: | :---: | :---: |
| Users | 5 | 50 | Unlimited |
| Storage | 1GB | 100GB | 1TB |
| Support | Email | Priority | 24/7 |
| Price | $0 | $29/mo | Custom |


4. Datos estadísticos​


## Monthly Statistics

| Month | Users | Revenue | Growth |
| :--- | ---: | ---: | ---: |
| January | 1,234 | $12,345 | +5% |
| February | 1,456 | $14,567 | +18% |
| March | 1,789 | $17,890 | +23% |


Guía de alineación​


Alineación izquierda (:---)​


Adecuada para columnas de texto


| Name | Description |
| :--- | :--- |
| John | Developer |


Alineación centrada (:---:)​


Adecuada para valores cortos o estados


| Status | Active |
| :---: | :---: |
| ✓ | Yes |


Alineación derecha (---:)​


Adecuada para datos numéricos


| Price | Quantity |
| ---: | ---: |
| $99.99 | 100 |


Consejos de análisis CSV​


1. Separado por comas​


name,age,city
John,30,NYC
Jane,25,LA


2. Eliminación automática de espacios en blanco​


name , age , city
John , 30 , NYC


3. Copia multilínea​


Copiar desde Excel o Google Sheets:


    

  1. Seleccionar rango de celdas
    2. 

  2. Ctrl+C (copiar)
    3. 

  3. Pegar en modo CSV
    4. 

  4. Hacer clic en Parse as CSV
    5. 



Consejos de análisis JSON​


1. Array de objetos​


[
  {"id": 1, "name": "John"},
  {"id": 2, "name": "Jane"}
]


2. Preservación del orden de claves​


El orden de claves del primer objeto se convierte en el orden de columnas


3. Objetos anidados​


Los objetos anidados se muestran como [object Object]
Se recomienda estructura plana


Características avanzadas​


1. Edición rápida de filas/columnas​


    

  • Agregar fila: Botón "+ Row" en la parte inferior
    • 

  • Agregar columna: Botón "+ Col" a la derecha
    • 

  • Eliminar: Botón "✕" en cada fila/columna
    • 



2. Ajuste de tamaño​


    

  • Número de filas: 1-50
    • 

  • Número de columnas: 1-20
    • 

  • Ajuste rápido mediante campos de entrada
    • 



3. Copiar y pegar​


    

  • Hacer clic en cada celda para editar
    • 

  • Ctrl+C/V para copiar/pegar
    • 



Sintaxis Markdown extendida​


GitHub Flavored Markdown​


GitHub admite características adicionales:


| Syntax | Description | Test Text |
| --- | --- | --- |
| Header | Title | Here's this |
| Paragraph | Text | And more |


Formato dentro de celdas​


| Feature | Status |
| --- | --- |
| **Bold** | *Italic* |
| `Code` | [Link](url) |


Uso de emoji​


| Status | Icon |
| --- | :---: |
| Success | ✅ |
| Warning | ⚠️ |
| Error | ❌ |


Mejores prácticas​


1. Encabezados claros​


✅ Bueno:
| User Name | Email Address | Registration Date |

❌ Malo:
| Name | Email | Date |


2. Formato consistente​


✅ Bueno: Todas las fechas en YYYY-MM-DD
| Date |
| 2024-01-15 |
| 2024-01-16 |

❌ Malo: Formatos mezclados
| Date |
| Jan 15, 2024 |
| 2024-01-16 |


3. Alineación adecuada​


✅ Bueno:
| Name | Price | Qty |
| :--- | ---: | ---: |

❌ Malo: Todas las columnas alineadas a la izquierda


4. Mantenerlo corto​


Dividir tablas demasiado largas en múltiples:


## User Info
| Name | Email |
| --- | --- |
| John | john@example.com |

## User Stats
| Name | Orders | Revenue |
| --- | ---: | ---: |
| John | 10 | $500 |


Notas importantes​


    

  • Las tablas Markdown no admiten diseños complejos
    • 

  • No se admite fusión de celdas (colspan, rowspan)
    • 

  • Las tablas muy grandes tienen poca legibilidad (se recomiendan menos de 10-15 columnas)
    • 

  • El análisis CSV no puede manejar comas dentro de comillas
    • 



Herramientas relacionadas​



Atajos de teclado (próximamente)​


    

  • Tab - Mover a la siguiente celda
    • 

  • Shift + Tab - Mover a la celda anterior
    • 

  • Enter - Mover a la siguiente fila
    • 

  • Ctrl + Enter - Agregar nueva fila
    • 



Recursos adicionales​