Row/Column Management: Right-click to add, delete, copy rows and columns
Markdown Formatting: Bold, italic, strikethrough, code, links are rendered
Auto Column Width: Automatic column width adjustment with configurable max width
Split or Same Tab: Open editor beside or in the same tab (configurable)
Usage
Open a Markdown file containing a table
Click "Edit Table" CodeLens above the table
Edit the table using the visual editor
Click "Save & Close" to save changes
Keyboard Shortcuts
Selection Mode
Key
Action
Arrow Keys
Navigate cells
Tab
Move to next cell
Shift+Tab
Move to previous cell
Enter
Move to cell below
Delete / Backspace
Clear selected cells
Ctrl+Z
Undo
Ctrl+C
Copy
Ctrl+V
Paste
F2 / Double-click
Start editing cell
Edit Mode
Key
Action
Enter / Tab
Confirm edit
Alt+Enter
Insert line break (<br>)
Escape
Cancel edit
Copy & Paste Behavior
Cell Paste (Ctrl+V)
Scenario
Behavior
Multiple cells selected + Single cell copied
Apply to all selected cells
Single cell selected + Multiple cells copied
Paste from starting point (overwrite)
Multiple cells selected + Same size copied
Paste as is
Multiple cells selected + Different size copied
Show error
Row/Column Paste (Ctrl+V)
Scenario
Behavior
Multiple rows/columns selected + Single row/column copied
Apply to all selected
Single row/column selected + Multiple rows/columns copied
Paste from starting point (overwrite)
Multiple rows/columns selected + Same size copied
Paste as is
Multiple rows/columns selected + Different size copied
Show error
Context Menu (Right-click)
Row Header
Menu Item
Action
Delete Row
Delete selected row(s)
Insert Row Above
Insert row(s) above (1-10)
Insert Row Below
Insert row(s) below (1-10)
Insert Copied Row(s)
Insert copied row(s) at current position
Column Header
Menu Item
Action
Delete Column
Delete selected column(s)
Insert Column Left
Insert column(s) to the left (1-10)
Insert Column Right
Insert column(s) to the right (1-10)
Insert Copied Column(s)
Insert copied column(s) at current position
Configuration
Setting
Default
Description
visualTableCanvas.openBeside
true
Open editor in split view. Set to false to open in same tab.
visualTableCanvas.defaultMaxColumnWidth
300
Default max column width (px) for auto-fit.
Requirements
VS Code 1.85.0 or later
Installation
From Marketplace
Search for "Visual Table Canvas for Markdown" in VS Code Extensions.
From VSIX
Download the .vsix file
Run code --install-extension visual-table-canvas-for-markdown-x.x.x.vsix
Development
# Install dependencies
npm install
# Compile
npm run compile
# Watch mode
npm run watch
# Run tests
npm run test:unit
# Run tests with coverage
npm run test:coverage
