Bagaimana cara menulis daftar di dalam tabel penurunan harga?


200

Bisakah seseorang membuat daftar (peluru, bernomor atau tidak) di dalam tabel penurunan harga.

Tabel terlihat seperti ini:

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

Daftar terlihat seperti ini:

* one
* two
* three

Bisakah saya menggabungkannya?

Jawaban:


253

Ya, Anda dapat menggabungkannya menggunakan HTML. Ketika saya membuat tabel dalam .mdfile dari Github, saya selalu suka menggunakan kode HTML alih-alih penurunan harga.

Github Flavoured Markdown mendukung HTML dasar di.md file. Jadi ini akan menjadi jawabannya:

Penurunan harga dicampur dengan 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|

Atau HTML murni:

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

Ini adalah tampilannya di Github:


1
Ini bagus, tetapi apakah ada cara untuk menata daftar juga? Hapus peluru, margin, dll? Github, misalnya, tampaknya tidak menerima style="list-style: none"tag pada ulelemen.
Trebor Rude

@ TreborRude Tidak, karena Markdown sebenarnya bukan HTML. Tetapi jika Anda menggunakan perpustakaan (misalnya marked), Anda mungkin memiliki fitur ini (untuk menggabungkan HTML dengan penurunan harga).
Ionică Bizău

Tidak masalah, saya menemukan bahwa <span>tag dengan tag yang disematkan <br/>melakukan persis apa yang saya coba lakukan dengan daftar gaya.
Trebor Rude

@ TreborRude Tentu, Anda masih dapat memiliki beberapa sel garis. Mungkin itu menerima <p>tag juga.
Ionică Bizău

Saya senang mengonfirmasi bahwa yang pertama (tertanam <ul><li>foo</li></ul>) juga berfungsi di Bitbucket Server.
nwinkler

91

Jika Anda ingin daftar no-bullet (atau penggunaan non-standar lainnya) atau lebih banyak baris dalam penggunaan sel <br />

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

2
Mungkin karena tiga tahun lalu itu satu-satunya jawaban yang masuk akal? Saya setuju dengan Anda bahwa ini adalah jawaban yang lebih baik, hari ini.
William Daniel

14
Ini adalah jawaban untuk Newline di tabel penurunan harga? , bukan pertanyaan tentang daftar ini
Bergi

1
@Bergi Saya telah membatalkan saran Anda. ;) Pencarian google membawa saya ke pertanyaan ini dan ini solusi yang saya butuhkan. Saya pikir itu tertahankan (mis. Daftar non-bullet) jadi saya menyimpannya di tempat ini.
Amio.io

3
Anda dapat menambahkan peluru dengan entitas HTML: & bull; facebook-messenger<br/> & bull; skype
shawnhcorey

markdown lint menandai ini sebagai tidak ada inline html
andrei.ciprian

48

Bukan itu yang saya ketahui, karena semua referensi penurunan harga yang saya sadari, seperti ini , menyebutkan:

Konten sel harus satu baris saja

Anda dapat mencobanya dengan Generator Tabel Markdown itu (yang contohnya seperti yang Anda sebutkan dalam pertanyaan Anda, jadi Anda mungkin sudah menyadarinya).

Pandoc

Jika Anda menggunakan penurunan harga Pandoc (yang memperpanjang sintaks penurunan harga John Gruber yang menjadi dasar GitHub Flavoured Markdown ), Anda dapat menggunakan grid_tables:

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

atau 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
Generator Markdown Tables salah karena ia menerima baris baru yang, seperti yang Anda kutip, tidak diterima. Tetapi terima kasih atas informasi yang berharga.
Gabriel Petrovay

@GabrielPetrovay The Markdown Tables Generator menjadi layanan yang relatif baru, saya tidak terkejut;) Tetapi mengenai "GitHub Flavoured Markdown", jawaban saya tetap.
VonC

1
Saya cenderung menerima jawaban Anda. Tapi saya menunggu 1-2 hari lagi, mungkin seseorang memposting hack (jika jawaban diterima, tidak ada yang akan melihatnya, kecuali orang lain dengan masalah yang sama)
Gabriel Petrovay

1
@GabrielPetrovay saya setuju. Anda juga dapat menghubungi dukungan GitHub, dan melihat apa yang mereka katakan tentang hal itu. (dan kemudian perbarui jawaban saya atau kirim jawaban Anda sendiri)
VonC

1
@ イ オ ニ カ ビ ザ ウ Saya jelas tidak menyebutkan HTML. Dengan HTML, Anda dapat membuat ulang fitur penurunan harga apa pun, jadi ini bukan solusi yang valid. Pertanyaannya adalah tentang penurunan harga, bukan HTML.
VonC

3

Pendekatan alternatif, yang baru-baru ini saya terapkan, adalah dengan menggunakan plugin div-table dengan panflute .

Ini membuat tabel dari satu set div yang dipagari (standar dalam implementasi markdown pandoc ), dalam tata letak yang mirip dengan 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
:::::

Seperti:

masukkan deskripsi gambar di sini


2

Jika Anda menggunakan pendekatan html:

jangan tambahkan baris kosong

Seperti ini:

<table>
    <tbody>

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

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

    </tbody>
</table>

markup akan pecah.

Hapus garis kosong:

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

0

solusi lain, Anda dapat menambahkan <br>tag ke tabel Anda

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

masukkan deskripsi gambar di sini

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.