tipos - tablas con listas en html

¿Cómo escribir listas dentro de una tabla de descuentos?

Question

¿Se puede crear una lista (viñetas, numeradas o no) dentro de una tabla de rebajas?

Una tabla se ve así:

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

Una lista se ve así:

* one
* two
* three

¿Puedo fusionarlos de alguna manera?

Answer 1

No es que yo sepa, porque todas las referencias de rebajas de las que tengo conocimiento, como esta , mencionan:

El contenido de la celda debe estar en una sola línea

Puedes probarlo con Markdown Tables Generator (cuyo ejemplo es similar al que mencionas en tu pregunta, por lo que ya lo sabes).

Pandoc

Si está utilizando el descuento de Pandoc (que amplía la sintaxis de rebajas de John Gruber en la que se basa el descuento basado en GitHub ), puede usar grid_tables :

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

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

Answer 2

Sí, puedes fusionarlos usando HTML. Cuando creo tablas en archivos .md de Github, siempre me gusta usar código HTML en lugar de rebajas.

Github Flavored Markdown es compatible con HTML básico en archivos .md . Entonces esta sería la respuesta:

Markdown mezclado con 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|

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

Así es como se ve en Github:

Answer 3

Si desea una lista sin viñetas (o cualquier otro uso no estándar) o más líneas en una celda, use <br />

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