web-dev-qa-db-ja.com

マークダウンテーブル内にリストを記述する方法

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

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

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

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

* one
* two
* three

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

153

はい、HTMLを使用してそれらをマージできます。 Githubから.mdファイルにテーブルを作成するときは、常にマークダウンの代わりにHTMLコードを使用します。

Github Flavored Markdown.mdファイルの基本的なHTMLをサポートします。したがって、これが答えになります。

HTMLと混合したマークダウン:

| 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でどのように見えるかです:

207
Ionică Bizău

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

| Event         | Platform      | Description |
| ------------- |-----------| -----:|
| `message_received`| `facebook-messenger`<br/>`skype`|
76
Amio.io

私が知っていることではありません、私が知っているすべてのマークダウン参照、 このような 、言及:

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

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

パンドック

Pandocのマークダウン (whichextendsJohn Gruberのマークダウン構文 を使用している場合 GitHub Flavored Markdown に基づいています) 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.
-------------------------------------------------------------
44
VonC

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>
1
Diogo Gomes

私が最近実装した別のアプローチは、 div-table pluginpanflute を使用することです。

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

---
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
:::::

次のようになります。

enter image description here

1
Chris Sewell