如何在降价表中写入列表?


200

可以在减价表中创建一个列表(项目列表,编号或不编号)。

表格如下:

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

列表如下所示:

* one
* two
* three

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

Answers:


253

是的,您可以使用HTML合并它们。当我在.mdGithub的文件中创建表时,我总是喜欢使用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上的样子:


1
太好了,但是还有什么方法可以样式化列表?删除子弹,边距等?例如,Github似乎不接受style="list-style: none"ul元素上的标签。
Trebor Rude 2014年

@TreborRude不,因为Markdown实际上不是HTML。但是,如果您使用的是库(例如marked),则可能具有此功能(将HTML和markdown结合使用)。
尼卡比曹

没关系,我发现<span>带有嵌入式<br/>标签的标签确实可以完成我对样式列表的尝试。
Trebor Rude

@TreborRude当然,您仍然可以有多个行单元格。可能它也接受<p>标签。
尼卡比曹

我很高兴确认第一个(嵌入式<ul><li>foo</li></ul>)也可以在Bitbucket Server上使用。
nwinkler 2016年

91

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

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

2
可能是因为三年前才是唯一合理的答案?我同意你的看法,今天这是一个更好的答案。
威廉·丹尼尔

14
这是Markdown表中换行符的答案吗?,而不是有关列表的问题
Bergi'5

1
@Bergi我赞成你的建议。;)谷歌搜索使我想到了这个问题,这是我需要的解决方案。我认为这是可以忍受的(例如,非项目列表),因此我将其保留在此位置。
Amio.io

3
您可以使用HTML实体添加项目符号:&bull; facebook-messenger<br/>&bull; skype
shawnhcorey

markdown lint将其标记为没有内联html
andrei.ciprian

48

我不知道,因为我知道的所有降价引用都像这样,提到:

单元格内容只能在一行上

您可以使用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.
-------------------------------------------------------------

1
Markdown Tables Generator是错误的,因为它接受您所引用的不接受的新行。但是,感谢您提供宝贵的信息。
加百利·彼得罗维

@GabrielPetrovay Markdown Tables Generator是一个相对较新的服务,我并不感到惊讶;)但是对于“ GitHub Flavored Markdown”,我的回答是正确的。
VonC

1
我倾向于接受你的回答。但是我还要再等1-2天,也许有人发布了骇客信息(如果接受了答案,除了有相同问题的其他人,其他人都不会看它)
Gabriel Petrovay 2013年

1
@GabrielPetrovay我同意。您还可以联系GitHub支持,并查看他们对此有何评论。(然后更新我的答案或发布您自己的答案)
VonC 2013年

1
@イオニカビザウ我显然没有提到HTML。使用HTML,您可以重新创建任何markdown功能,因此这不是有效的解决方案。问题是关于降价,而不是 HTML。
VonC

3

我最近实现的另一种方法是将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
:::::

好像:

在此处输入图片说明


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|

在此处输入图片说明

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.