Markdownでヘッダーなしのテーブルを作成する


141

Markdownでヘッダーなしでテーブルを作成することは可能ですか?

HTMLは次のようになります。

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

回答:


92

ほとんどのMarkdownパーサーは、ヘッダーのないテーブルをサポートしていません。つまり、ヘッダーの区切り線は必須です。

ヘッダーなしのテーブルをサポートしないパーサー

パーサ行うヘッダーなしサポート表を。

  • Kramdown:Rubyのパーサー
  • Text :: MultiMarkdown:Perl CPANモジュール。
  • MultiMarkdown:Windowsアプリケーション。
  • ParseDown Extra:PHPのパーサー。
  • Pandoc:Haskellで書かれたコマンドラインのドキュメントコンバータ(その介して支持ヘッダレステーブルsimple_tablesmultiline_tables拡張)
  • Flexmark:Javaのパーサー。

CSSソリューション

HTML出力のCSSを変更できる場合は、:empty疑似クラスを利用して空のヘッダーを非表示にし、ヘッダーがないように見せることができます。


28
Githubのパーサーをサポートしていないパーサーのリストに追加できます。
Quantum7


80

空のままにして行を無駄にしてもかまわない場合は、次のハックを検討してください(これはハックであり、プラグインを追加したくない場合にのみ使用します)。

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

上記がどのように見えるかを確認するには、上記をコピーしてhttps://stackedit.io/editorにアクセスしてください

それはと働いたGitLab / GitHubでマークダウン実装。


1
それはどの実装で動作しますか?PerlのText :: MultiMarkdownでは動作しませんが、PHP MultiMarkdownの実装によっては動作する可能性があると思います。
RedGrittyBrick 2015

2
gitlab / githubのマークダウン実装で動作しました。perlのText :: MultiMarkdownについてはよく
わかり

8
これにより、空のテーブルヘッダーと空の行が作成されます。
Gajus、2015

これは実際pandocにはpdfへのマークダウンでうまく機能します。
Alex Baranowski、

ありがとう!これは、Laravel 5.8(マルチ)マークダウンでも機能します。ヘッダーは表示されず、線のみが表示されます。仕切りのように見えますが、テーマでCSSを使用して削除できます。
user2966991

17

空のリンクを使用して、BitbucketのMarkdownでこれを機能させました。

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

2
空のヘッダー行も表示されます。少なくとも通常の線の高さの半分だけ。
GitHub

このハックは、Insomniaでドキュメントを作成するときに私に役立ちました。それでもヘッダー行は作成されますが、そこにテキストを入力する場合よりもはるかに短くなります。ありがとう!
jkmartindale

鮮やかさ!まだGithub Markdownで少し縦のスペースが見えますが、以前よりはましです。
キースベネット

15

ユニバーサルソリューション

残念ながら、提案の多くは、すべてのMarkdownビューア/エディタ(たとえば、人気のあるMarkdown Viewer Chrome拡張機能)では機能しませんが、iA Writerでは機能します。

どのようなこれらの人気のプログラム(および特定のアプリケーションのために働くかもしれない)の両方の間で動作するようには思えないと、使用することですHTML comment blocks ('<!-- -->')

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

前述のいくつかの提案と同様に、これによりMarkdownビューア/エディタに空のヘッダー行が追加されます。iA Writerでは、見た目が十分に小さいため、あまり邪魔になりません。


これは、Markdownを使用するポイントを完全に覆します。テキストのみとして表示されると、コメントが削除され、列が整列しなくなるためです。
ハッケル

@hackelは誤解されていると思います。これは、固定幅を使用して列を整列しません。むしろ、有効であるが空の列ヘッダーを持つことで、適切な回避策が提供されます。それは私の状況では素晴らしい回避策でした。テーブルはまだ意図した/期待どおりにレンダリングされています。ヘッダー行はありませんでした。
mdahlman

8

以下は、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テーブルを確認してください。


5
これは、質問者が彼らが望んでいないと言ったことに過ぎません。
Neil Mayhew

HTMLテーブルはBitbucket(community.atlassian.com/t5/Bitbucket-questions/…)では機能しないようです-テーブルをレンダリングするのではなく、HTML自体を表示します。
jsaven

7

仕切りの上のヘッダーを省略すると、少なくともPerl Text :: MultiMarkdownとFletcherPenney MultiMarkdownにヘッダーのないテーブルが作成されます

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

PHPマークダウン機能のリクエストをご覧ください


PHP Parsedownの空のヘッダーは、通常は見えない(CSSによって異なります)空のヘッダーを持つテーブルを生成するため、ヘッダーのないテーブルのように見えます。

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

Parsedownの使用については、実際にはヘッダーはまだここにあります。HTMLを確認してください。セルにCSSパディングがある場合は、ヘッダーセルが表示されます。しかし、それはそれtable th:empty { padding: 0; }を修正すると思います。
AymDev 2018

6

少なくともGitHub Flavored Markdownの場合、ヘッダー以外のすべての行エントリを通常または書式設定で太字にすることで、錯覚与えることができます。__**

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

私はGFMで機能するものを探していましたが、このハックは創造的なハックです!
Mrchief

3
$ 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>

これはgithub.com/chjj/markedでは機能しないようです。これが予想される動作であるかどうかを調べることができる参照がありますか?
adius 2013

@AdrianSieber私はKramdownを使用していますが、別のものについて話すことはできません。
Steven Penny

2

次のCSSを追加できる場合は、見出しを非表示にできる場合があります。

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

これは少々強引で、テーブルを区別しませんが、単純なタスクには役立ちます。


何らかの理由で私のために機能する唯一のCSSトリック(Markdown-itレンダラーでVNoteを使用しています)。ここに記載されている解決策はありません:stackoverflow.com/questions/12023771/hide-empty-cells-in-tableが機能しました。

1

<span>は最初の列ヘッダーで使用します:

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

ボーダー付きの空のヘッダーを作成しますが、サイズは半分です。


0

@ thamme-gowdaのソリューションは画像にも有効です!

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

あなたは私がそのために作っ要点でこれをチェックすることができます。以下は、GitHubとGitLabのテーブルハックのレンダリングです。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.