Markdown表格转HTML无边框，因原生渲染器仅输出语义化标签（如<table>），未注入CSS样式，浏览器按默认样式显示，导致边框不可见、单元格拥挤。
为什么直接转出的Markdown表格在HTML里没边框
因为原生 Markdown 渲染器（比如 markdown-it）默认只输出语义化 HTML 结构，不带任何样式。<table>、<th>、<td> 标签存在，但没 border、padding 或 border-collapse，浏览器按默认样式渲染——通常就是“看不见边框+单元格挤成一团”。
- 别指望 Pandoc 或 VS Code 插件自动加 CSS；它们只管结构转换，不管视觉
- 若用
markdown-it，必须手动注册html插件并启用html: true，否则<style>标签会被过滤掉 - 最简方案：在最终 HTML 的
<head>里插入一段内联 CSS，专治表格
如何给转换后的 table 加响应式滚动和首列固定
直接对 <table> 加 overflow-x: auto 不行——它只作用于块级容器，而 table 是 inline-table 行为。必须用 div 包一层，再配 position: sticky。
- 包裹容器：
<div style="overflow-x: auto; width: 100%;"><table>...</table></div> - 首列固定需同时满足：
th:first-child, td:first-child { position: sticky; left: 0; z-index: 1; } - 但
border不会随 sticky 固定，得用伪元素模拟：&::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #dee1e7; } - 记得给
<table>加border-collapse: separate，否则伪元素会和原 border 重叠
colspan/rowspan 导致列数错乱怎么办
Markdown 表格语法根本不认 colspan 和 rowspan。只要原始 HTML 表格里有这两个属性，转换后必然列数不一致，整张表被降级为普通文本。
Markdown to PDF Converter (v2.0)
下载
离线Markdown转PDF转换器，基于Pandoc与WeasyPrint，支持完整Unicode及本地表情缓存，可将Markdown转为专业级PDF...
- 不要依赖在线转换工具“智能展开”——90% 的工具静默丢弃这些属性，不报错也不提示
- 人工处理更可控：把
<th colspan="2">汇总</th>拆成两个| 汇总 | 汇总 |，并在对应<tbody>行补空单元格 - 脚本预处理推荐用 Python +
BeautifulSoup：调find_all('td', {'colspan': True})，按数值重复生成<td>，再用extract()删除原标签 - 如果只是临时文档且允许简化，直接删掉所有
colspan/rowspan属性，再按实际列数重排表头和数据行
Markdown 转 Word 后表格变形的根源和绕过法
根本不是 Markdown 写得不对，而是 Word 解析 HTML 表格时，把 <table> 当作“流式布局对象”，无视 min-width、white-space: nowrap 等 CSS，还强制缩放列宽。
立即学习“前端免费学习笔记（深入）”；
- 别用 Pandoc 直接
-t docx——它生成的 DOCX 表格结构松散，Word 打开就重排 - 稳妥路径：先转成干净 HTML（加
--standalone），再用 Word “文件 → 打开 → 选择 HTML 文件”，比直接导出 DOCX 更保形 - 关键补救：转换后进 Word，全选表格 → 右键 → “表格属性” → 取消勾选“指定宽度”、“自动调整操作”，改用“根据窗口调整表格”
- 如果内容含长文本，提前在 Markdown 表格里用
<br>换行，比依赖 Word 自动折行更可靠
