251

可以在降价表中创建一个列表(项目符号,编号与否)。

一个表如下所示:

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

一个列表如下所示:

* one
* two
* three

我可以以某种方式合并它们吗?

4

7 回答 7

320

是的,您可以使用 HTML 合并它们。当我在 Github 的文件中创建表格时.md,我总是喜欢使用 HTML 代码而不是 markdown。

Github Flavored Markdown支持.md文件中的基本 HTML。所以这将是答案:

Markdown 与 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 上的样子:

于 2013-11-14T11:52:39.833 回答
106

如果您想要一个无项目符号列表(或任何其他非标准用法)或单元格中的更多行,请使用<br />

| Event         | Platform      | Description |
| ------------- |-----------| -----:|
| `message_received`| `facebook-messenger`<br/>`skype`|
于 2016-09-21T17:22:29.907 回答
56

不是我知道的,因为我知道的所有降价引用,比如这个,都提到:

单元格内容只能在一行

您可以使用Markdown Tables Generator进行尝试(其示例看起来像您在问题中提到的那个,所以您可能已经知道了)。

潘多克

如果你使用Pandoc 的 markdown(它扩展GitHub Flavored Markdown所基于的 John Gruber 的 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.
-------------------------------------------------------------
于 2013-11-13T12:05:07.640 回答
8

另一种解决方案,您可以<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|

在此处输入图像描述

于 2020-01-15T08:05:28.640 回答
4

我最近实施的另一种方法是将div-table 插件panflute一起使用。

这会从一组围栏 div(markdown 的pandoc实现中的标准)创建一个表,其布局与 html 类似:

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

好像:

在此处输入图像描述

于 2018-09-02T20:26:22.863 回答
3

如果您使用 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>
于 2019-01-24T16:35:54.220 回答
0

如果你碰巧在使用 Kramdown(Jekyll的默认 Markdown 渲染器),那么你必须使用nomarkdown 扩展 {::nomarkdown}...{:/}

例如:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| {::nomarkdown}<ul><li>one</li><li>two</li><li>three</li></ul>{:/} | Kramdown | bullets |
于 2022-01-04T19:57:41.833 回答