마크 다운 테이블 안에 목록을 작성하는 방법은 무엇입니까?


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 Flavored Markdown 은 기본 HTML을 지원합니다.md 파일 합니다. 따라서 이것이 답이 될 것입니다.

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

마크 다운은 실제로 HTML이 아니기 때문에 @TreborRude 아니요. 그러나 라이브러리 (예 :)를 사용하는 경우 markedHTML과 마크 다운을 결합하는이 기능이있을 수 있습니다.
Ionică Bizău

괜찮 <span>습니다. 포함 된 <br/>태그가 있는 태그가 스타일 목록으로 수행하려는 작업을 정확하게 수행한다는 것을 알았습니다.
Trebor Rude

@TreborRude 물론, 여전히 여러 개의 라인 셀을 가질 수 있습니다. 아마도 <p>태그도 허용 합니다.
Ionică Bizău

첫 번째 (임베디드 <ul><li>foo</li></ul>)도 Bitbucket Server에서 작동 한다는 것을 확인하게되어 기쁩니다 .
nwinkler

91

셀에 글 머리 기호 없음 목록 (또는 다른 비표준 사용법) 또는 더 많은 행을 원하는 경우 <br />

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

2
아마 3 년 전만해도이게 유일한 대답 이었을까요? 나는 이것이 더 나은 대답이라는 것에 동의합니다.
윌리엄 다니엘

14
이것은 마크 다운 테이블의 줄 바꿈에 대한 답변 입니까? , 목록에 관한이 질문이 아닙니다
Bergi

1
@ Bergi 나는 당신의 제안을 upvoted했습니다. ;) Google 검색으로 인해이 질문 과이 솔루션이 필요했습니다. 나는 그것이 견딜 만하다고 생각합니다 (예 : 글 머리 기호가없는 목록). 이곳에 보관하십시오.
Amio.io

3
HTML 엔티티로 글 머리 기호를 추가 할 수 있습니다. & bull; facebook-messenger<br/> & bull; skype
shawnhcorey

markdown lint는 이것을 인라인 HTML
andrei.ciprian

48

내가 아는 것은, 내가 알고있는 모든 마크 다운 참조는 다음과 같이 언급하기 때문입니다.

셀 내용은 한 줄에만 있어야합니다.

Markdown Tables Generator (예를 들어 질문에 언급 한 것과 유사하므로 이미 알고있을 수 있음)로 시도해 볼 수 있습니다 .

판독

당신이 사용하는 경우 Pandoc의 가격 인하 ( 확장 존 그루버 (John Gruber)의 가격 인하 구문 있는 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

@GabrielPetrovay Markdown Tables Generator는 비교적 새로운 서비스이지만 놀랍지는 않습니다.) 그러나 "GitHub Flavored Markdown"에 대해서는 제 답변이 있습니다.
VonC

1
나는 당신의 대답을 받아들이는 경향이 있습니다. 하지만, 1~2일 더 어쩌면 사람의 게시물을 기다릴 해킹 (답 인정하는 경우, 아무도 같은 문제로 다른 사람을 제외하고, 그것을보고하지 않습니다)
가브리엘 Petrovay

1
@GabrielPetrovay 동의합니다. 또한 GitHub 지원 센터에 문의하여 그들이 무엇을 말해야하는지 확인할 수 있습니다. (그리고 내 답변을 업데이트하거나 직접 게시)
VonC

1
@ イ オ ニ カ ビ ザ ウ 분명히 HTML에 대해서는 언급하지 않았습니다. HTML을 사용하면 마크 다운 기능을 다시 만들 수 있으므로 유효한 솔루션 이 아닙니다 . 문제는 HTML이 아니라 마크 다운에 관한 것 입니다.
VonC

3

최근에 구현 한 다른 방법은 div-table pluginpanflute 와 함께 사용하는 것 입니다.

이것은 html과 비슷한 레이아웃으로 펜싱 된 div 세트 ( 판독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.