> markdown | table | gfm <
// Build GitHub-Flavored Markdown tables visually with live preview, alignment, and CSV import
Spreadsheet-Style Grid
Click any cell with contenteditable to type, tab between columns, and watch the GFM Markdown output regenerate instantly as you edit.
Per-Column Alignment
Choose left, center, or right alignment for every column. The delimiter row uses the proper :--- and :---: syntax from the CommonMark tables extension.
CSV Import & Export
Paste CSV (with quoted fields supported) and click Parse, or copy and download the generated Markdown as a .md file in one click.
// ABOUT MARKDOWN TABLES
How GFM Tables Work:
GitHub Flavored Markdown tables, formalized as the CommonMark tables extension, use pipes (|) to separate cells and a delimiter row of dashes to mark the header. Colons in the delimiter row indicate alignment: :--- for left, :---: for center, ---: for right. The generator emits this syntax with proper padding so the source stays readable in plain-text diffs.
Example:
| Name | Age | City | + delimiter row :---:|---:|--- becomes a 3-column GFM table
Common Use Cases:
- >Format README and documentation tables for GitHub repos
- >Draft GitHub issue, PR, and discussion comparison tables
- >Convert spreadsheet CSV exports into Markdown for static sites
- >Build content blocks for Hugo, Jekyll, MkDocs, Docusaurus
- >Normalize changelog and release-notes tables across projects
>> frequently asked questions
Q: What Markdown flavor does this generator output?
A: The generator outputs GitHub Flavored Markdown (GFM) tables, which match the CommonMark tables extension. The same syntax is supported by every major static site generator including Hugo, Jekyll, MkDocs, Docusaurus, Astro, and VitePress, as well as note-taking apps like Obsidian and Bear.
Q: Can I import data from a spreadsheet?
A: Yes. Export your spreadsheet (Google Sheets, Excel, Numbers, LibreOffice Calc) as CSV, paste it into the Import CSV box, and click Parse CSV. Quoted fields with embedded commas, quotes, and newlines are handled per RFC 4180. The grid is rebuilt with one column per CSV column.
Q: How do I add or remove rows and columns?
A: Use the +ROW, +COL, -ROW, and -COL buttons, or change the row/col number inputs and click Resize. The grid updates in place without losing existing values, and the Markdown preview regenerates immediately so you can verify the result before copying.
Q: How is per-column alignment encoded?
A: A column with center alignment uses :---: in the delimiter row, right uses ---:, and left uses :---. The grid's per-column alignment dropdowns control this directly. CommonMark requires at least three dashes per column, and the generator pads each cell to the longest entry in that column for clean plain-text diffs.
Q: Is my data uploaded?
A: No. The grid editor, CSV parser, alignment selector, Markdown serializer, and download button all run entirely in your browser. Your table data never leaves your machine, so even confidential numbers, internal hostnames, and unreleased product names are safe to enter. There is no telemetry and no server round-trip at any point.