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