🔠
免费 Markdown 表格生成器
可视化编辑 Markdown 表格，支持每列独立对齐。可从 CSV 或 TSV 导入，复制 GitHub 风格 Markdown 输出。
加载后可离线使用
从 CSV、TSV 或 Markdown 导入
预览
| 姓名 | 邮箱 | 角色 |
|---|---|---|
| Alice | alice@example.com | 管理员 |
| Bob | bob@example.com | 编辑者 |
| Carol | carol@example.com | 查看者 |
| 姓名 | 邮箱 | 角色 | | :---- | :---------------- | :-: | | Alice | alice@example.com | 管理员 | | Bob | bob@example.com | 编辑者 | | Carol | carol@example.com | 查看者 |
常见用途
- 为 GitHub README 文件构建表格GitHub 本地支持渲染 Markdown 表格。以可视化方式构建功能对比表、API 参考或产品路线图。
- API 和参考文档表格为 API 文档构建参数表、状态代码参考和字段定义表。
- 在 Obsidian / Notion / Logseq 中构建表格所有以 Markdown 为首的笔记应用都支持表格。在这里比纯文本更快地构建它们。
- 为博客文章添加表格定价对比、功能矩阵和教程参考表 — Markdown 是添加它们摩擦力最小的方式。
- 将 CSV 转换为 Markdown 表格从电子表格粘贴 CSV，获取准备好粘贴到文档或笔记中的 Markdown 表格。
工作原理
此工具是完全在客户端运行的 Markdown 表格编辑器，基于手写 JavaScript 构建——不涉及第三方表格库。它直接在浏览器中生成 GitHub Flavored Markdown 管道表格语法，实时填充列宽并添加每列对齐标记，还能将相同数据导出为 HTML、CSV、JIRA wiki 标记或 reStructuredText 网格表格。
- 1在可视网格中编辑单元格每个表头和单元格都是可编辑的输入框。你输入时，React 状态更新会触发 useMemo 立即重新运行生成器，因此每次按键输出面板都会刷新，没有防抖延迟。
- 2生成器填充并转义 GFM 语法手写的 generateMarkdown 函数测量每列的最大内容宽度，用空格填充每个单元格以对齐，生成带 :--- / ---: / :---: 标记的分隔行，并将字面竖线转义为 \|、将换行转为 br 元素，使表格在任何 Markdown 渲染器中都有效。
- 3导入 CSV、TSV 或现有的 Markdown 表格粘贴到导入框会触发手写的 RFC 4180 CSV/TSV 解析器（lib/csv.ts），或自定义的 Markdown 表格解析器——后者按未转义的竖线拆分行，并从分隔行读取对齐方式，让你可以将现有表格重新导入编辑器。
- 4以你需要的格式复制切换输出格式标签页会重新运行相应的生成器（带 style 属性的 HTML、RFC 4180 CSV、带 || 表头的 JIRA wiki 标记，或带 +---+ 边框的 reStructuredText 网格表格），“复制”按钮通过标准的 navigator.clipboard API 将结果写入剪贴板。