VS Code Markdown Tables: Complete Setup, Shortcuts & Extensions Guide

Visual Studio Code is the premier editor for documentation and software development. However, out-of-the-box table editing can be tedious without proper shortcuts, extensions, and automated formatting configurations. Here is the definitive setup to make VS Code your ultimate table workstation.

1. Recommended VS Code Extensions for Tables

Markdown Table Prettifier (by Roman Peshkov)

Automatically pads and aligns pipe delimiters across all rows whenever you save or press format. Keeps your raw Git diffs clean and legible.

Markdown All in One (by Yu Zhang)

Adds table editing keyboard shortcuts: press Tab to jump to the next cell, and Enter to insert a new row automatically.

2. Configure Format-on-Save in settings.json

Add this configuration to your .vscode/settings.json file to automatically prettify Markdown tables every time you save:

{
  "[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
    "editor.wordWrap": "on"
  },
  "markdown-table-prettifier.align": true,
  "markdown-table-prettifier.padding": 1
}

3. Instant Web Fallback: When You Need Speed

If you need to sort columns by date or currency, transpose rows, or convert spreadsheet data from Excel or SQL into clean Markdown, you can copy your table directly into MarkdownTables.com, apply changes visually in 2 clicks, and paste it back into VS Code.