Buat tabel tanpa header di Markdown

Apakah mungkin untuk membuat tabel tanpa header di penurunan harga?

HTMLnya akan terlihat seperti ini:

<table>
<tr>
    <td>Key 1</td>
    <td>Value 1</td>
</tr>
<tr>
    <td>Key 2</td>
    <td>Value 2</td>
</tr>
</table>

Kebanyakan parser penurunan harga tidak mendukung tabel tanpa header. Itu berarti garis pemisah untuk tajuk adalah wajib.

Parser yang tidak mendukung tabel tanpa header

• multimarkdown
• Maruku : Implementasi populer di Ruby
• kata kunci : "Semua tabel harus dimulai dengan satu atau beberapa baris header"

• PHP Markdown Extra "baris kedua berisi garis pemisah wajib antara header dan konten"

• RDiscount Menggunakan sintaks tambahan Penurunan Nilai PHP.

• Penurunan Harga Rasa GitHub
• Parsedown : Parser di PHP (digunakan misalnya di email Laravel)

Parser yang melakukan tabel dukungan tanpa header.

• Kramdown : Pengurai di Ruby
• Teks :: MultiMarkdown : Modul Perl CPAN.
• MultiMarkdown : Aplikasi Windows.
• ParseDown Extra : Pengurai dalam PHP.
• Pandoc : Pengonversi dokumen untuk baris perintah yang ditulis di Haskell (mendukung tabel tanpa header melalui simple_tablesdan multiline_tablesekstensinya)
• Flexmark : Pengurai di Java.

Solusi CSS

Jika Anda dapat mengubah CSS dari output HTML, Anda dapat memanfaatkan :emptykelas semu untuk menyembunyikan header kosong dan membuatnya terlihat seperti tidak ada header sama sekali.

Jika Anda tidak keberatan membuang-buang baris dengan membiarkannya kosong, pertimbangkan peretasan berikut (ini adalah peretasan, dan gunakan ini hanya jika Anda tidak suka menambahkan plugin tambahan).

| | | |
|-|-|-|
|__Bold Key__| Value1 |
| Normal Key | Value2 |

Untuk melihat bagaimana tampilan di atas, salin di atas dan kunjungi https://stackedit.io/editor

Ini bekerja dengan GitLab / GitHub 's penurunan harga implementasi.

Saya mendapatkan ini berfungsi dengan Penurunan Harga Bitbucket dengan menggunakan tautan kosong:

[]()  | 
------|------
Row 1 | row 2

Solusi Universal

Sayangnya, banyak saran tidak berfungsi untuk semua pemirsa / editor Penurunan Harga, misalnya, ekstensi Chrome Penampil Penurunan Harga yang populer , tetapi mereka berfungsi dengan iA Writer .

Apa yang tampaknya berhasil di kedua program populer ini (dan mungkin berhasil untuk aplikasi khusus Anda) adalah dengan menggunakan HTML comment blocks ('<!-- -->'):

| <!-- -->    | <!-- -->    |
|-------------|-------------|
| Foo         | Bar         |

Seperti beberapa saran sebelumnya yang dinyatakan, ini menambahkan baris header kosong di penampil / editor penurunan harga Anda. Di iA Writer, secara estetika cukup kecil sehingga tidak terlalu mengganggu saya.

Menghilangkan header di atas pembagi menghasilkan tabel tanpa header setidaknya di Perl Text :: MultiMarkdown dan di FletcherPenney MultiMarkdown

|-------------|--------|
|**Name:**    |John Doe|
|**Position:**|CEO     |

Lihat permintaan fitur penurunan harga PHP

Header kosong di PHP Parsedown menghasilkan tabel dengan header kosong yang biasanya tidak terlihat (tergantung pada CSS Anda) sehingga terlihat seperti tabel tanpa header.

|     |     |
|-----|-----|
|Foo  |37   |
|Bar  |101  |

Berikut ini bekerja dengan baik untuk saya di GitHub. Baris pertama tidak lagi dicetak tebal karena bukan tajuk:

<table align="center">
    <tr>
        <td align="center"><img src="docs/img1.png?raw=true" alt="some text"></td>
        <td align="center">Some other text</td>
        <td align="center">More text</td>
    </tr>
    <tr>
        <td align="center"><img src="docs/img2.png?raw=true" alt="some text"></td>
        <td align="center">Some other text 2</td>
        <td align="center">More text 2</td>
    </tr>
</table>

Periksa contoh tabel HTML tanpa tajuk di sini .

Setidaknya untuk GitHub Flavored Markdown , Anda dapat memberikan ilusi dengan membuat semua entri baris non-header dicetak tebal dengan regular __atau **format:

|Regular | text | in header | turns bold |
|-|-|-|-|
| __So__ | __bold__ | __all__ | __table entries__ |
| __and__ | __it looks__ | __like a__ | __"headerless table"__ |

$ cat foo.md
Key 1 | Value 1
Key 2 | Value 2

$ kramdown foo.md
<table>
  <tbody>
    <tr>
      <td>Key 1</td>
      <td>Value 1</td>
    </tr>
    <tr>
      <td>Key 2</td>
      <td>Value 2</td>
    </tr>
  </tbody>
</table>

Anda mungkin dapat menyembunyikan judul jika Anda dapat menambahkan CSS berikut:

<style>
    th {
        display: none;
    }
</style>

Ini agak rumit dan tidak membedakan antar tabel, tetapi mungkin dilakukan untuk tugas sederhana.

Saya gunakan <span>di tajuk kolom pertama:

 <span> |
---     |    ---
Value   |  Value
Value   |  Value

Ini membuat header kosong dengan batas, tetapi dengan 1/2 ukuran.

Solusi @ thamme-gowda juga berfungsi untuk gambar!

| | |:----------------------------------------------------------------------------:| | ![](https://gravatar.com/avatar/4cc702785290b4934c531c56f6061e5e "Tonejito") |

Anda dapat memeriksa ini pada inti yang saya buat untuk itu . Berikut adalah render tabel hack di GitHub dan GitLab: