Como escrever listas dentro de uma tabela de remarcação?

200

Pode-se criar uma lista (marcadores, numerados ou não) dentro de uma tabela de remarcação.

Uma tabela fica assim:

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

Uma lista fica assim:

* one
* two
* three

Posso fundi-los de alguma forma?

Gabriel Petrovay
fonte

Respostas:

253

Sim, você pode mesclá-los usando HTML. Quando crio tabelas em .mdarquivos do Github, sempre gosto de usar código HTML em vez de descontos.

O Github Flavored Markdown suporta HTML básico em.md arquivo. Então essa seria a resposta:

Markdown misturado com 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|

Ou HTML puro:

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

É assim que fica no Github:

Ionică Bizău
fonte
1
Isso é ótimo, mas há alguma maneira de estilizar a lista também? Remover marcadores, margens, etc.? O Github, por exemplo, parece não aceitar uma style="list-style: none"tag no ulelemento.
Trebor Rude
@TreborRude Não, porque o Markdown não é realmente HTML. Mas se você usa uma biblioteca (por exemplo marked), provavelmente possui esse recurso (para combinar HTML com descontos).
Jonică Biză
Tudo bem, descobri que uma <span>tag com <br/>tags incorporadas fazia exatamente o que eu estava tentando fazer com a lista de estilos.
Trebor rude
@TreborRude Claro, você ainda pode ter várias células de linha. Provavelmente também aceita <p>tags.
Jonic Biz
Estou feliz em confirmar que o primeiro (incorporado <ul><li>foo</li></ul>) também funciona no Bitbucket Server.
Nwinkler 09/12/16
91

Se você deseja uma lista sem marcadores (ou qualquer outro uso não padrão) ou mais linhas em uma célula, use <br />

| Event         | Platform      | Description |
| ------------- |-----------| -----:|
| `message_received`| `facebook-messenger`<br/>`skype`|
Amio.io
fonte
2
Provavelmente porque há três anos era a única resposta razoável? Concordo com você que hoje é uma resposta melhor.
William Daniel
14
Esta é uma resposta para Newline na tabela de remarcação? , não esta pergunta sobre listas
Bergi 3/17/17
1
@ Bergi Eu votei na sua sugestão. ;) A pesquisa no google me levou a esta pergunta e esta a solução que eu precisava. Eu acho que é suportável (por exemplo, lista sem marcadores), por isso mantenho-a neste mesmo local.
Amio.io 3/17
3
Você pode adicionar marcadores com entidades HTML: & bull; facebook-messenger<br/> & bull; skype
shawnhcorey
bandeiras fiapos remarcação isso como nenhum html em linha
andrei.ciprian
48

Não que eu saiba, porque todas as referências de remarcação de que tenho conhecimento, como esta , mencionam:

O conteúdo da célula deve estar em apenas uma linha

Você pode experimentá-lo com esse gerador de tabelas Markdown (cujo exemplo se parece com o que você mencionou na sua pergunta, para que você já esteja ciente).

Pandoc

Se você estiver usando a remarcação de Pandoc (que estende a sintaxe de remarcação de John Gruber na qual se baseia a remarcação com sabor do GitHub ), você pode usar grid_tables:

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

ou 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.
-------------------------------------------------------------
VonC
fonte
1
O gerador de tabelas de remarcação está errado porque aceita novas linhas que, como você cita, não são aceitas. Mas obrigado pela informação valiosa.
Gabriel Petrovay
@GabrielPetrovay O Markdown Tables Generator sendo um serviço relativamente novo, não estou surpreso;) Mas com relação ao "GitHub Flavored Markdown", minha resposta permanece.
VonC 13/11
1
Eu tendo a aceitar sua resposta. Mas eu esperar 1-2 dias mais, talvez alguém postar um hack (se resposta aceita, ninguém vai olhar para ele, exceto os outros com o mesmo problema)
Gabriel Petrovay
1
@GabrielPetrovay Concordo. Você também pode entrar em contato com o suporte do GitHub e ver o que eles têm a dizer sobre isso. (e, em seguida, atualizar a minha resposta ou postar seu próprio)
VonC
1
@ イ オ ニ カ ビ ザ Obviamente, não mencionei HTML. Com o HTML, você pode recriar qualquer recurso de remarcação, para que não seja uma solução válida. A questão é sobre remarcação, não HTML.
VonC 14/11
3

Uma abordagem alternativa, que eu implementei recentemente, é usar o plug-in div-table com panflute .

Isso cria uma tabela a partir de um conjunto de divs protegidas (padrão na implementação pandoc de markdown), em um layout semelhante ao 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
:::::

Parece:

insira a descrição da imagem aqui

Chris Sewell
fonte
2

Se você usar a abordagem html:

não adicione linhas em branco

Como isso:

<table>
    <tbody>

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

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

    </tbody>
</table>

a marcação será interrompida.

Remova linhas em branco:

<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>
Diogo Gomes
fonte
0

outra solução, você pode adicionar <br>tags à sua tabela

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

insira a descrição da imagem aqui

VectorX
fonte