Skip to main content
ilovecalcs logoilovecalcs.

Dev · Live

Markdown Table Generator, visual editor with instant GFM output.

Build and edit GitHub-Flavored Markdown tables visually. Add rows and columns, set per-column alignment, import existing tables, and copy the formatted output in one click.

GFM guideTab to navigate
HDR
1
2
3
3 columns · 3 rows · Tab/Enter to navigate cells

Output

Markdown

| Column 1 | Column 2 | Column 3 |
| :------- | :------- | :------- |
|          |          |          |
|          |          |          |
|          |          |          |

Import

Paste existing table

Paste any GFM pipe table to load it into the editor.

GFM guide

GitHub-Flavored Markdown tables explained.

Table anatomy

A GFM pipe table has three mandatory components: a header row (column names separated by pipes), a separator row (dashes and optional colons indicating alignment), and one or more body rows (the actual data). All rows must start and end with a pipe character.

| Name  | Role      | Active |
| :---- | :-------- | :----: |
| Alice | Admin     |   ✓    |
| Bob   | Editor    |   ✓    |
| Carol | Viewer    |        |

Alignment syntax

Column alignment is controlled by the separator row. Each cell in the separator row must contain only dashes, with optional colons:

  • :--- — left-aligned (leading colon)
  • :---: — center-aligned (both colons)
  • ---: — right-aligned (trailing colon)
  • --- — default (left, no colons)

The number of dashes in the separator is irrelevant to the rendered output — it only affects readability of the raw Markdown source. This generator automatically pads separators to match column content width for clean, aligned source code.

Where GFM tables are supported

GFM tables are rendered correctly in: GitHub (READMEs, wikis, issues, PRs), GitLab, Bitbucket, VS Code Markdown preview, Obsidian, Notion (Markdown import), Docusaurus, GitBook, Jekyll, Hugo, and most modern static site generators that use Markdown parsers with GFM extensions enabled.

Plain CommonMark (the base spec) does not include tables. If you are using a renderer that claims CommonMark compliance, check whether the GFM tables extension is enabled.

Best practices for documentation tables

  • Keep headers short: Header text sets the minimum column width in most renderers. Long headers force narrow data into wide columns.
  • Use alignment semantically: Right-align numeric columns (prices, counts, percentages) for easy comparison. Center-align booleans or status indicators. Left-align everything else.
  • Avoid complex content: Markdown inside table cells has limited support. Bold and italic work in most renderers; code spans work; multi-line content and lists inside cells do not.
  • Pad your source: While not required, aligning columns in the raw Markdown source (as this generator does) makes the table readable to reviewers looking at the raw file in git diffs.