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?
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:
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`|
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).
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. -------------------------------------------------------------
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>
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 à: