マークダウンテーブル内にリストを書き込む方法は?


200

マークダウンテーブル内にリスト(箇条書き、番号付きまたは番号なし)を作成できます。

テーブルは次のようになります。

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

リストは次のようになります。

* one
* two
* three

どういうわけかそれらをマージできますか?

回答:


253

はい、HTMLを使用してそれらをマージできます。.mdGithubからファイルにテーブルを作成するときは、常にマークダウンではなくHTMLコードを使用したいと思っています。

Githubフレーバーマークダウンは、.mdファイル内の基本的なHTMLをサポートします。だからこれが答えになります:

HTMLと混合したMarkdown:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |
| <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|

または純粋なHTML:

<table>
  <tbody>
    <tr>
      <th>Tables</th>
      <th align="center">Are</th>
      <th align="right">Cool</th>
    </tr>
    <tr>
      <td>col 3 is</td>
      <td align="center">right-aligned</td>
      <td align="right">$1600</td>
    </tr>
    <tr>
      <td>col 2 is</td>
      <td align="center">centered</td>
      <td align="right">$12</td>
    </tr>
    <tr>
      <td>zebra stripes</td>
      <td align="center">are neat</td>
      <td align="right">$1</td>
    </tr>
    <tr>
      <td>
        <ul>
          <li>item1</li>
          <li>item2</li>
        </ul>
      </td>
      <td align="center">See the list</td>
      <td align="right">from the first column</td>
    </tr>
  </tbody>
</table>

これはGithubで次のように表示されます。


1
これは素晴らしいですが、リストのスタイルを設定する方法はありますか?箇条書き、余白などを削除しますか?たとえば、Github style="list-style: none"ul要素のタグを受け入れないようです。
Trebor Rude 2014

@TreborRudeいいえ。Markdownは実際にはHTMLではないためです。しかし、ライブラリ(例marked:)を使用している場合は、おそらくこの機能があります(HTMLとマークダウンを組み合わせるため)。
IonicăBizău

大丈夫です。<span>埋め込まれたタグを持つ<br/>タグが、スタイル付きリストで私がしようとしていたこととまったく同じであることがわかりました。
Trebor Rude 2014

@TreborRudeもちろん、複数の行セルを持つことができます。おそらくそれは<p>タグも受け入れます。
IonicăBizău

最初の1つ(embedded <ul><li>foo</li></ul>)がBitbucket Serverでも動作することを確認できてうれしいです。
nwinkler 16

91

箇条書きなしのリスト(または他の非標準的な使用法)またはセル内の複数の行が必要な場合 <br />

| Event         | Platform      | Description |
| ------------- |-----------| -----:|
| `message_received`| `facebook-messenger`<br/>`skype`|

2
おそらく3年前にそれが唯一の合理的な答えだったからでしょうか?今日、これがより良い答えであることに同意します。
William Daniel

14
これはマークダウンテーブルの改行に対する答えですか?、リストに関するこの質問ではありません
Bergi

1
@ベルギ私はあなたの提案を支持した。;)グーグル検索が私にこの質問を導き、これが私が必要とする解決策でした。私はそれが耐えられると思います(例えば、箇条書きではないリスト)ので、私はこの場所でそれを保ちます。
Amio.io 2017年

3
HTMLエンティティに箇条書きを追加できます:&bull; facebook-messenger<br/>&bull; skype
shawnhcorey 2017


48

ない、私が知っている私が知っすべての値下げの参照、なぜならこのような、言及:

セルの内容は1行のみである必要があります

そのMarkdown Tables Generatorで試すことができます(この例は、質問で言及した例のように見えるので、すでに気付いているかもしれません)。

パンドック

あなたが使用している場合はPandocの値下げ拡張 ジョン・グルーバーのマークダウン構文れているGitHubの風味の値下げをベースとする)次のいずれかを使用することができますgrid_tables

+---------------+---------------+--------------------+
| Fruit         | Price         | Advantages         |
+===============+===============+====================+
| Bananas       | $1.34         | - built-in wrapper |
|               |               | - bright color     |
+---------------+---------------+--------------------+
| Oranges       | $2.10         | - cures scurvy     |
|               |               | - tasty            |
+---------------+---------------+--------------------+

またはmultiline_tables

-------------------------------------------------------------
 Centered   Default           Right Left
  Header    Aligned         Aligned Aligned
----------- ------- --------------- -------------------------
   First    row                12.0 Example of a row that
                                    spans multiple lines.

  Second    row                 5.0 Here's another one. Note
                                    the blank line between
                                    rows.
-------------------------------------------------------------

1
Markdown Tables Generatorは、引用したとおりに受け入れられない新しい行を受け入れるため、間違っています。しかし、貴重な情報をありがとう。
Gabriel Petrovay 2013年

@GabrielPetrovayマークダウンテーブルジェネレーターは比較的新しいサービスであるため、驚くことではありません;)しかし、「GitHubフレーバーマークダウン」に関しては、私の答えは立っています。
VonC

1
私はあなたの答えを受け入れる傾向があります。しかし、私はさらに1〜2日待って、おそらく誰かがハックを投稿します(回答が受け入れられた場合、同じ問題を持つ他の人を除いて、誰もそれを見てくれません)
Gabriel Petrovay 2013年

1
@GabrielPetrovay同意する。また、GitHubサポートに連絡して、彼らがそれについて何を言っているかを確認することもできます。(そして、私の答えを更新するか、自分の答えを投稿してください)
VonC

1
@イオニカビザウ私は明らかにHTMLについて言及しませんでした。HTMLを使用すると、マークダウン機能を再作成できるため、有効なソリューションではありません。問題はHTML ではなく、マークダウンについてです。
VonC

3

私が最近実施してきた別のアプローチは、使用することですDIV-テーブルのプラグインをしてpanflute

これは、htmlと同様のレイアウトで、fenced divのセット(markdownのpandoc実装では標準)からテーブルを作成します。

---
panflute-filters: [div-table]
panflute-path: 'panflute/docs/source'
---

::::: {.divtable}
:::: {.tcaption}
a caption here (optional), only the first paragraph is used.
::::
:::: {.thead}
[Header 1]{width=0.4 align=center}
[Header 2]{width=0.6 align=default}
::::
:::: {.trow}
::: {.tcell}

1. any
2. normal markdown
3. can go in a cell

:::
::: {.tcell}
![](https://pixabay.com/get/e832b60e2cf7043ed1584d05fb0938c9bd22ffd41cb2144894f9c57aae/bird-1771435_1280.png?attachment){width=50%}

some text
:::
::::
:::: {.trow bypara=true}
If bypara=true

Then each paragraph will be treated as a separate column
::::
any text outside a div will be ignored
:::::

次のようになります。

ここに画像の説明を入力してください


2

HTMLアプローチを使用する場合:

空白行を追加しないでください

このような:

<table>
    <tbody>

        <tr>
            <td>1</td>
            <td>2</td>
        </tr>

        <tr>
            <td>1</td>
            <td>2</td>
        </tr>

    </tbody>
</table>

マークアップは壊れます。

空白行を削除します。

<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

0

別の解決策、<br>あなたのテーブルにタグを追加することができます

    |Method name| Behavior |
    |--|--|
    | OnAwakeLogicController(); | Its called when MainLogicController is loaded into the memory , its also hold the following actions :- <br> 1. Checking Audio Settings <br>2. Initializing Level Controller|

ここに画像の説明を入力してください

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