Skip to main content

Markdown Table Generator

A tool to easily create and edit Markdown tables. Convert CSV, JSON data to Markdown tables or edit tables directly!



Key Features​


1. Two Input Modes​


Table Mode​


    

  • Visual table editor
    • 

  • Direct cell-by-cell input
    • 

  • Add and delete rows/columns
    • 

  • Column alignment settings
    • 



CSV/JSON Mode​


    

  • Convert CSV data to tables
    • 

  • Convert JSON arrays to tables
    • 

  • Quick bulk data input
    • 



2. Alignment Options​


Set alignment for each column:


    

  • Left align (:---)
    • 

  • Center align (:---:)
    • 

  • Right align (---:)
    • 



3. Real-time Preview​


    

  • Instantly view Markdown output
    • 

  • Preview rendered table
    • 



Usage Examples​


Basic Table Creation​


Input:


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


Markdown Output:


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


CSV Data Conversion​


CSV Input:


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


Markdown Output:


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


JSON Data Conversion​


JSON Input:


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


Markdown Output:


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


Use Cases​


1. README.md Writing​


# 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. Technical Specification Documents​


## Browser Support

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


3. Comparison Tables​


## 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. Statistical Data​


## Monthly Statistics

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


Alignment Guide​


Left Align (:---)​


Suitable for text columns


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


Center Align (:---:)​


Suitable for short values or status


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


Right Align (---:)​


Suitable for numeric data


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


CSV Parsing Tips​


1. Comma Separated​


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


2. Automatic Whitespace Removal​


name , age , city
John , 30 , NYC


3. Multi-line Copy​


Copy from Excel or Google Sheets:


    

  1. Select cell range
    2. 

  2. Ctrl+C (copy)
    3. 

  3. Paste in CSV Mode
    4. 

  4. Click Parse as CSV
    5. 



JSON Parsing Tips​


1. Array of Objects​


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


2. Key Order Preservation​


Key order of the first object becomes column order


3. Nested Objects​


Nested objects display as [object Object]
Flat structure recommended


Advanced Features​


1. Quick Row/Column Editing​


    

  • Add row: "+ Row" button at bottom
    • 

  • Add column: "+ Col" button on right
    • 

  • Delete: "✕" button on each row/column
    • 



2. Size Adjustment​


    

  • Row count: 1-50
    • 

  • Column count: 1-20
    • 

  • Quick adjustment via input fields
    • 



3. Copy & Paste​


    

  • Click each cell to edit
    • 

  • Ctrl+C/V for copy/paste
    • 



Markdown Extended Syntax​


GitHub Flavored Markdown​


GitHub supports additional features:


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


Formatting Within Cells​


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


Using Emoji​


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


Best Practices​


1. Clear Headers​


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

❌ Bad:
| Name | Email | Date |


2. Consistent Format​


✅ Good: All dates in YYYY-MM-DD
| Date |
| 2024-01-15 |
| 2024-01-16 |

❌ Bad: Mixed formats
| Date |
| Jan 15, 2024 |
| 2024-01-16 |


3. Proper Alignment​


✅ Good:
| Name | Price | Qty |
| :--- | ---: | ---: |

❌ Bad: All columns left-aligned


4. Keep It Short​


Split overly long tables into multiple:


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

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


Important Notes​


    

  • Markdown tables do not support complex layouts
    • 

  • Cell merging (colspan, rowspan) is not supported
    • 

  • Very large tables have poor readability (recommend under 10-15 columns)
    • 

  • CSV parsing cannot handle commas within quotes
    • 





Keyboard Shortcuts (Coming Soon)​


    

  • Tab - Move to next cell
    • 

  • Shift + Tab - Move to previous cell
    • 

  • Enter - Move to next row
    • 

  • Ctrl + Enter - Add new row
    • 



Additional Resources​