204

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

HTML 看起来像这样：

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

11 回答 11

125

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

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

支持不带标题的表的解析器。

CSS 解决方案

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

于 2013-07-09T08:28:22.197 回答
114

如果您不介意将其留空而浪费一行，请考虑以下 hack（这是一个 hack，仅当您不喜欢添加任何其他插件时才使用它）。

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

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

它与GitLab / GitHub的Markdown实现一起工作。

于 2014-10-16T07:09:33.993 回答
29

通用解决方案

不幸的是，许多建议不适用于所有 Markdown 查看器/编辑器，例如流行的Markdown Viewer Chrome 扩展，但它们确实适用于iA Writer。

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

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

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

于 2018-11-05T22:51:47.557 回答
18

我通过使用一个空链接来使用 Bitbucket 的 Markdown：

[]()  | 
------|------
Row 1 | row 2
于 2016-03-15T15:19:59.297 回答
16

至少对于GitHub Flavored Markdown，您可以通过使用常规或格式将所有非标题行条目加粗来产生错觉：__**

|Regular | text | in header | turns bold |
|-|-|-|-|
| __So__ | __bold__ | __all__ | __table entries__ |
| __and__ | __it looks__ | __like a__ | __"headerless table"__ |
于 2018-07-27T20:18:28.073 回答
8

省略分隔符上方的标题会在至少 Perl Text::MultiMarkdown 和 FletcherPenney MultiMarkdown 中生成一个无标题表

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

请参阅PHP Markdown 功能请求

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

|     |     |
|-----|-----|
|Foo  |37   |
|Bar  |101  |
于 2015-02-05T17:06:14.567 回答
7

以下内容在 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 表格。

于 2016-09-05T00:49:20.117 回答
6

如果您可以添加以下 CSS，则可以隐藏标题：

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

这有点笨拙，并且不区分表格，但它可能适用于简单的任务。

更新

HTML 输出因 Markdown 编辑器而异，但如果表格包含一个thead元素，您可以更具体地定位空标题单元格：

thead th:empty {
    border: thin solid red !important;
    display: none;
}

如果您的标题行不包含可见内容，则此方法有效。酒吧之间的空间是好的。

于 2019-09-29T06:34:20.383 回答
2 
$ 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>
于 2013-07-09T00:52:48.553 回答
1

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

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

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

于 2018-08-05T08:09:05.040 回答
0

在 GitHub 问题编辑器中有效的是

&nbsp; |&nbsp;
------ | ---
Foo    | Bar

但它确实显示了一个空标题

于 2022-02-10T15:57:26.117 回答