web-dev-qa-db-fra.com

Comment écrire des listes dans une table de démarques?

Peut-on créer une liste (puces, numérotées ou non) dans une table de démarques.

Une table ressemble à ceci:

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

Une liste ressemble à ceci:

* one
* two
* three

Puis-je les fusionner en quelque sorte?

138
Gabriel Petrovay

Oui, vous pouvez les fusionner en HTML. Lorsque je crée des tables dans des fichiers .md à partir de Github, j'aime toujours utiliser du code HTML au lieu de markdown.

Github Flavored Markdown prend en charge le code HTML de base dans le fichier .md. Donc, ce serait la réponse:

Markdown mélangé avec 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 pur:

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

Voici à quoi ça ressemble sur Github:

198
Ionică Bizău

Si vous souhaitez une liste sans liste (ou toute autre utilisation non standard) ou plusieurs lignes dans une cellule, utilisez <br />

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

Pas à ma connaissance, car toutes les références dont je suis au courant, comme celle-ci , mentionnent:

Le contenu de la cellule doit figurer sur une seule ligne

Vous pouvez l'essayer avec ce Markdown Tables Generator (dont l'exemple ressemble à celui que vous avez mentionné dans votre question, de sorte que vous en êtes peut-être déjà au courant).

Pandoc

Si vous utilisez le markdown de Pandoc (qui étendla syntaxe de markdown de John Gruber sur laquelle repose le GitHub Flavored Markdown est basé), vous pouvez utiliser/ 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.
-------------------------------------------------------------
38
VonC

Si vous utilisez l'approche HTML:

ne pas ajouter de lignes vides

Comme ça:

<table>
    <tbody>

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

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

    </tbody>
</table>

le balisage va casser.

Supprimer les lignes vides:

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

Une approche alternative, que j'ai récemment mise en œuvre, consiste à utiliser le plugin div-table with panflute .

Cela crée une table à partir d'un ensemble de divs clôturées (standard dans le pandoc implementation de markdown), dans une présentation similaire au 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
:::::

Ressemble à:

 enter image description here

1
Chris Sewell