Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Table ToolsNew to Visual Studio Code? Get it now.
Markdown Table Tools

Markdown Table Tools

hrk-ymkw

| (0) | Free
Markdownテーブルを直接編集・ソート・絞り込みできるプレビューパネル
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Table Tools

Markdownファイルを全画面プレビューしながら、表を直接編集できる拡張機能です。

インストール

  • VS Code: Marketplace から「Markdown Table Tools」を検索してインストール
  • Windsurf / Devin Desktop 等: Open VSX からインストール

vsix から手動導入する場合は npm install && npm run package で生成し、 「Install from VSIX」を実行してください。

使い方

Markdownファイルを開いた状態で Ctrl+Alt+V(Mac: Cmd+Alt+V)を押すか、 コマンドパレットから「テーブルプレビューを開く」を実行します。

機能

  • セルの直接編集: プレビュー内の表のセルをクリックして編集
    • Enter で確定、Esc でキャンセル、Shift+Enter でセル内改行(<br> として保存)
    • Tab / Shift+Tab で確定しつつ隣接セルの編集へ
  • キーボード移動: セル選択状態で矢印キー移動、Enterで編集開始
  • 取り消し/やり直し: Ctrl+Z / Ctrl+Shift+Z(Ctrl+Y)で表編集を巻き戻し
  • 行・列の追加/削除: 表を右クリックしてコンテキストメニューから操作
  • ソート: ヘッダークリックで昇順/降順を切り替え
  • 列フィルタ: ヘッダー下の入力欄で絞り込み(表示のみ、ソースは変更しません)
  • 自動保存: 編集は既定で自動保存されます
  • 標準プレビュー相当の表示: Mermaid・数式(KaTeX)・相対画像・リンクをサポート
  • スクロール同期: エディタとプレビューが双方向に追従します

設定

設定 既定 説明
mdTableTools.autoSave true 表の編集を自動保存する
mdTableTools.openIn "active" "beside" で横並び表示に変更

スクロール同期は標準プレビューと同じ設定(markdown.preview.scrollEditorWithPreview / markdown.preview.scrollPreviewWithEditor)に従います。

動作環境

VS Code 系IDE(VS Code / Windsurf / Devin Desktop 等)を想定しています。 Mermaid・数式・標準スタイルはIDE同梱のMarkdown関連拡張の資産を再利用するため、 それらが同梱されていない環境では簡易表示になります。

リリース(メンテナー向け)

  1. package.json の version と CHANGELOG.md を更新してコミット
  2. git tag vX.Y.Z && git push origin vX.Y.Z
  3. GitHub Actions が VS Marketplace / Open VSX へ自動公開します (要シークレット VSCE_PAT / OVSX_PAT)

ライセンス

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft