Как писать списки внутри таблицы уценок?


200

Можно ли создать список (маркированные, нумерованные или нет) внутри таблицы уценок.

Таблица выглядит так:

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

Список выглядит так:

* one
* two
* three

Можно ли их как-то объединить?

Ответы:


253

Да, вы можете объединить их, используя HTML. Когда я создаю таблицы в .mdфайлах из Github, мне всегда нравится использовать HTML-код вместо уценки.

Github Flavored Markdown поддерживает базовый HTML в .mdфайле. Так что это будет ответ:

Уценка, смешанная с 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|

Или чистый HTML:

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

Вот как это выглядит на Github:


1
Это здорово, но есть ли способ стилизовать список тоже? Удалить пули, поля и т. Д.? Например, Github, похоже, не принимает style="list-style: none"тег для ulэлемента.
Требор Руд

@TreborRude Нет, потому что Markdown на самом деле не HTML. Но если вы используете библиотеку (например marked), у вас, вероятно, есть эта функция (чтобы объединить HTML с уценкой).
Ионика Бизэу

Все в порядке, я обнаружил, что <span>тег со встроенными <br/>тегами сделал именно то, что я пытался сделать со стилизованным списком.
Требор Руд

@TreborRude Конечно, у вас все еще может быть несколько строк. Возможно, он также принимает <p>теги.
Ионика Бизэу

Я рад подтвердить, что первый (встроенный <ul><li>foo</li></ul>) также работает на Bitbucket Server.
nwinkler

91

Если вы хотите использовать список без маркеров (или любое другое нестандартное использование) или использовать больше строк в ячейке <br />

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

2
Возможно, потому что три года назад это был единственный разумный ответ? Я согласен с вами, что это лучший ответ, сегодня.
Уильям Даниэль

14
Это ответ на Newline в таблице уценки? , а не этот вопрос о списках
Берги

1
@ Берги Я проголосовал за ваше предложение. ;) Поиск в Google привел меня к этому вопросу и к этому решению, в котором я нуждался. Я думаю, что это терпимо (например, без маркированного списка), поэтому я держу его в этом самом месте.
Amio.io

3
Вы можете добавить маркеры с HTML-сущностями: & bull; facebook-messenger<br/> & бык; skype
shawnhcorey

lint
markdown

48

Не то, что я знаю, потому что все ссылки на уценку, которые я знаю, как этот , упоминают:

Содержание ячейки должно быть только в одной строке

Вы можете попробовать его с этим генератором таблиц разметки (пример которого похож на тот, который вы упомянули в своем вопросе, так что вы, возможно, уже знаете об этом).

Pandoc

Если вы используете уценку Pandoc (которая расширяет синтаксис уценки Джона Грубера, на котором основана GitHub Flavored Markdown ), вы можете использовать либо grid_tables:

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

или 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.
-------------------------------------------------------------

1
Генератор таблиц уценок неправильный, потому что он принимает новые строки, которые, как вы указываете, не принимаются. Но спасибо за ценную информацию.
Габриэль Петровай

@GabrielPetrovay Генератор таблиц уценок - сравнительно новый сервис, я не удивлен;) Но в отношении «GitHub Flavored Markdown» мой ответ остается верным.
VonC

1
Я склонен принять ваш ответ. Но я жду еще 1-2 дня, возможно, кто-то напишет взлом (если ответ принят, никто не будет смотреть на него, кроме тех, у кого такая же проблема)
Габриэль Петров

1
@GabrielPetrovay Я согласен. Вы также можете связаться со службой поддержки GitHub и посмотреть, что они скажут об этом. (а затем обновить мой ответ или опубликовать свой собственный)
VonC

1
@ イ オ ニ カ ビ ザ obviously Я, очевидно, не упомянул HTML. С помощью HTML вы можете воссоздать любую функцию уценки, поэтому она не является допустимым решением. Вопрос в уценке, а не в HTML.
VonC

3

Альтернативный подход, который я недавно реализовал, заключается в использовании плагина div-table с panflute .

Это создает таблицу из набора изолированных div-ов (стандартно для реализации уценки в pandoc ) в макете, аналогичном 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
:::::

Выглядит как:

введите описание изображения здесь


2

Если вы используете подход HTML:

не добавляйте пустые строки

Как это:

<table>
    <tbody>

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

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

    </tbody>
</table>

разметка сломается.

Удалить пустые строки:

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

0

другое решение, вы можете добавить <br>тег к вашей таблице

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

введите описание изображения здесь

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.