如何在GitHub Markdown中禁用表格斑马纹效果？

嘿，这个问题确实有点坑——毕竟GitHub官方的Markdown表格文档里完全没提怎么关掉这个默认的斑马纹效果！

首先得明确：纯Markdown语法本身没有提供禁用斑马纹的选项，因为这个高亮是GitHub通过内置CSS给Markdown生成的表格自动加上的样式，不属于标准Markdown的范畴。

那怎么解决？最简单的办法是用HTML表格替代纯Markdown表格。GitHub完全支持在Markdown里嵌入HTML，而且HTML表格默认不会触发那个交替行高亮的样式。

比如把你原来的Markdown表格：

Key|Value
---|-----
A|B
C|D
E|F
G|H

改成下面的HTML表格：

<table>
  <tr>
    <th>Key</th>
    <th>Value</th>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>E</td>
    <td>F</td>
  </tr>
  <tr>
    <td>G</td>
    <td>H</td>
  </tr>
</table>

如果想要和原来Markdown表格的样式更接近（比如边框、宽度），可以加一点内联样式调整：

<table style="width: 100%; border-collapse: collapse;">
  <thead>
    <tr>
      <th style="border-bottom: 1px solid #d1d9e0;">Key</th>
      <th style="border-bottom: 1px solid #d1d9e0;">Value</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr>
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
    </tr>
    <tr>
      <td>G</td>
      <td>H</td>
    </tr>
  </tbody>
</table>

这样渲染出来的表格就不会有交替行高亮的斑马纹效果了。

另外补充一句：如果你非要用纯Markdown表格，目前没有官方支持的方法能关掉斑马纹——因为GitHub的CSS是全局应用的，Markdown本身没有提供自定义样式的接口。所以HTML表格是目前最可靠的解决方案。

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