web-dev-qa-db-ja.com

マークダウンでヘッダーなしでテーブルを作成

マークダウンでヘッダーなしでテーブルを作成することは可能ですか？

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

<table>
<tr>
    <td>Key 1</td>
    <td>Value 1</td>
</tr>
<tr>
    <td>Key 2</td>
    <td>Value 2</td>
</tr>
</table>
markdownhtml-tablemultimarkdown
104
adius

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

ヘッダーのないテーブルをサポートするnotパーサー

doヘッダーのないテーブルをサポートするパーサー。

  • Kramdown ：Rubyのパーサー
  • Text :: MultiMarkdown ：Perl CPANモジュール。
  • MultiMarkdown ：Windowsアプリケーション。
  • ParseDown Extra ：PHPのパーサー。
  • Pandoc ：Haskellで記述されたコマンドラインのドキュメントコンバーター（simple_tablesおよびmultiline_tables拡張機能を使用してヘッダーのないテーブルをサポート）

CSSソリューション

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

73
adius

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

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

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

gitlab/github 'smarkdown実装。

58
Thamme Gowda

空のリンクを使用して、Bitbucketのマークダウンでこれを機能させました

[]()  | 
------|------
Row 1 | row 2
11
Stuart Campbell

これは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テーブルを確認してください here 。

7
MondKin

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

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

PHP Markdown機能リクエスト を参照してください

PHP Parsedown の空のヘッダーは、通常は見えない（CSSに応じて）空のヘッダーを持つテーブルを生成するため、ヘッダーのないテーブルのように見えます。

|     |     |
|-----|-----|
|Foo  |37   |
|Bar  |101  |
7
RedGrittyBrick
$ 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>
3
Steven Penny

残念ながら、多くの提案はすべてのマークダウンビューアー/エディターでは機能しません。たとえば、私の場合-人気のある Markdown Viewer Chrome extension しかし、 iAライター 。

これらの人気のあるプログラムの両方で機能するように見える（そして特定のアプリケーションで機能する可能性がある）ことは、html comment blocks ('<!-- -->')を使用することです。

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

前述のいくつかの提案のように、これは空のヘッダー行をマークダウンビューアー/エディターに追加するため、避けられません。 iA Writerでは、見た目が十分に小さいので、あまり邪魔になりません。

2
Tony Barganski

少なくとも Github Flavored Markdown の場合、錯覚を与えるには、ヘッダー以外のすべての行エントリをbold：

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

1列目のヘッダーに<span>を使用します

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

ボーダー付きの空のヘッダーを作成しますが、サイズは1/2です

0
Long-John Silver

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

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

これは そのために作成した要点 で確認できます。 GitHubとGitLabでのテーブルハックのレンダリングを次に示します。

0
tonejito

Senseful Solutions テキストを表としてフォーマットする ツールを試しましたか？

あなたはまだヘッダーが必要だと思いますが、それはSOのためにテーブルを作成することをはるかに簡単にします。

0
Joshua Wilson