如何编写无可见竖线的Markdown表格并适配GitHub展示要求

GitHub环境下无竖线表格实现方案 #

GitHub的Markdown渲染仅支持原生GitHub Flavored Markdown（GFM）语法，不支持引入额外的第三方扩展包或库，所有实现都需要基于GFM原生支持的特性完成，可选择以下两种方案：

方案1：HTML表格自定义样式（兼容性最优，推荐）

GFM支持直接解析HTML标签，你可以手动编写HTML表格，通过属性或内联样式完全隐藏所有边框线：

<!-- 完全隐藏所有边框的表格示例 -->
<table style="border: none; border-collapse: collapse;">
  <tr>
    <th style="border: none;">表头1</th>
    <th style="border: none;">表头2</th>
    <th style="border: none;">表头3</th>
  </tr>
  <tr>
    <td style="border: none;">行1列1内容</td>
    <td style="border: none;">行1列2内容</td>
    <td style="border: none;">行1列3内容</td>
  </tr>
  <tr>
    <td style="border: none;">行2列1内容</td>
    <td style="border: none;">行2列2内容</td>
    <td style="border: none;">行2列3内容</td>
  </tr>
</table>

上述代码在GitHub渲染后不会显示任何竖线、横线或外边框，完全符合需求。

方案2：列表模拟分列（适合轻量无对齐要求的场景）

如果不需要严格的表格结构、对列对齐精度要求不高，也可以直接用Markdown列表配合空格排版模拟分列效果，自然不会生成表格默认的竖线：

- 列1内容    列2内容    列3内容
- 行2列1     行2列2     行2列3
- 行3列1     行3列2     行3列3

注意：原生GFM Markdown表格的竖线是渲染默认自带的，没有原生开关可以直接关闭，不要尝试在标准Markdown表格语法中添加修饰符隐藏竖线，该操作不会生效。

内容的提问来源于stack exchange，提问作者Zach