在Markdown中创建没有标题的表

是否可以在Markdown中创建没有标题的表？

HTML看起来像这样：

<table>
<tr>
    <td>Key 1</td>
    <td>Value 1</td>
</tr>
<tr>
    <td>Key 2</td>
    <td>Value 2</td>
</tr>
</table>

大多数Markdown解析器不支持没有标题的表。这意味着标题的分隔线是强制性的。

解析器不支持没有标题的表

• 多重降价
• Maruku：Ruby中流行的实现
• byword：“所有表都必须以一行或多行标题开头”

• PHP Markdown Extra “第二行在标题和内容之间包含强制性的分隔线”

• RDiscount 使用PHP Markdown Extra语法。

• GitHub风味Markdown
• Parsedown：PHP中的解析器（例如在Laravel电子邮件中使用）

确实支持不带表头的表的解析器。

• Kramdown：Ruby中的解析器
• Text :: MultiMarkdown：Perl CPAN模块。
• MultiMarkdown：Windows应用程序。
• ParseDown Extra：PHP中的解析器。
• Pandoc：用Haskell编写的命令行文档转换器（通过simple_tables和multiline_tables扩展程序支持无标题表）
• Flexmark：Java中的解析器。

CSS解决方案

如果您能够更改HTML输出的CSS，则可以利用:empty伪类来隐藏一个空的标头，并使它看起来根本没有标头。

如果您不介意通过将行留空来浪费一行，请考虑以下技巧（这是一种技巧，仅当您不喜欢添加任何其他插件时才使用此技巧）。

| | | |
|-|-|-|
|__Bold Key__| Value1 |
| Normal Key | Value2 |

要查看上面的外观，请复制上面的内容并访问https://stackedit.io/editor

它与GitLab / GitHub的Markdown实现一起使用。

我通过使用一个空链接将其与Bitbucket的Markdown结合使用：

[]()  | 
------|------
Row 1 | row 2

通用解决方案

不幸的是，许多建议不适用于所有Markdown查看器/编辑器，例如流行的Markdown Viewer Chrome扩展程序，但它们可以与iA Writer一起使用。

在这两个流行的程序中似乎都起作用（并且可能对您的特定应用程序有效）是使用HTML comment blocks ('<!-- -->')：

| <!-- -->    | <!-- -->    |
|-------------|-------------|
| Foo         | Bar         |

像前面提到的一些建议一样，这确实会在Markdown查看器/编辑器中添加一个空的标题行。在iA Writer中，它在美学上足够小，不会对我造成太大干扰。

以下内容对我在GitHub上很有效。第一行不再是粗体，因为它不是标题：

<table align="center">
    <tr>
        <td align="center"><img src="docs/img1.png?raw=true" alt="some text"></td>
        <td align="center">Some other text</td>
        <td align="center">More text</td>
    </tr>
    <tr>
        <td align="center"><img src="docs/img2.png?raw=true" alt="some text"></td>
        <td align="center">Some other text 2</td>
        <td align="center">More text 2</td>
    </tr>
</table>

在此处检查没有标题的示例HTML表。

省略分隔器上方的标题产生在至少Perl的文本:: MultiMarkdown和FletcherPenney一个无报头表MultiMarkdown

|-------------|--------|
|**Name:**    |John Doe|
|**Position:**|CEO     |

参见PHP Markdown功能请求

PHP Parsedown中的空标头会生成带有空标头的表，这些标头通常是不可见的（取决于CSS），因此看起来像无头表。

|     |     |
|-----|-----|
|Foo  |37   |
|Bar  |101  |

至少对于GitHub Flavored Markdown而言，您可以通过将所有非标头行条目加粗为常规格式或格式来给出错觉：__**

|Regular | text | in header | turns bold |
|-|-|-|-|
| __So__ | __bold__ | __all__ | __table entries__ |
| __and__ | __it looks__ | __like a__ | __"headerless table"__ |

$ cat foo.md
Key 1 | Value 1
Key 2 | Value 2

$ kramdown foo.md
<table>
  <tbody>
    <tr>
      <td>Key 1</td>
      <td>Value 1</td>
    </tr>
    <tr>
      <td>Key 2</td>
      <td>Value 2</td>
    </tr>
  </tbody>
</table>

您可能能够隐藏标题，如果你可以添加以下的CSS：

<style>
    th {
        display: none;
    }
</style>

这有点笨拙，不能区分表，但是可以完成一个简单的任务。

我<span>在第一列标题中使用：

 <span> |
---     |    ---
Value   |  Value
Value   |  Value

它创建一个带边框但大小为1/2的空标题。

@ thamme-gowda的解决方案也适用于图像！

| | |:----------------------------------------------------------------------------:| | ![](https://gravatar.com/avatar/4cc702785290b4934c531c56f6061e5e "Tonejito") |

您可以根据我为此而设计的要点进行检查。这是GitHub和GitLab上的表格黑客的渲染：