สร้างตารางโดยไม่มีส่วนหัวใน Markdown

เป็นไปได้หรือไม่ที่จะสร้างตารางโดยไม่มีส่วนหัวใน Markdown

HTML จะมีลักษณะเช่นนี้:

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

ตัวแยกวิเคราะห์ Markdown ส่วนใหญ่ไม่สนับสนุนตารางที่ไม่มีส่วนหัว นั่นหมายความว่าจำเป็นต้องมีบรรทัดการแยกสำหรับส่วนหัว

ตัวแยกวิเคราะห์ที่ไม่สนับสนุนตารางโดยไม่มีส่วนหัว

• multimarkdown
• Maruku : การใช้งานที่เป็นที่นิยมใน Ruby
• คำพูด : "ตารางทั้งหมดต้องเริ่มต้นด้วยส่วนหัวอย่างน้อยหนึ่งแถว"

• PHP Markdown Extra "บรรทัดที่สองมีบรรทัดคั่นบังคับระหว่างส่วนหัวและเนื้อหา"

• RDiscount ใช้ไวยากรณ์ PHP Markdown Extra

• Markit รส GitHub
• Parsedown : ตัวแยกวิเคราะห์ใน PHP (ใช้เช่นในอีเมล Laravel)

Parsers ที่ทำตารางการสนับสนุนโดยไม่ต้องหัว

• Kramdown : ตัวแยกวิเคราะห์ใน Ruby
• ข้อความ :: MultiMarkdown : โมดูล Perl CPAN
• MultiMarkdown : แอปพลิเคชัน Windows
• ParseDown Extra : ตัวแยกวิเคราะห์ใน PHP
• Pandoc : ตัวแปลงเอกสารสำหรับบรรทัดคำสั่งที่เขียนใน Haskell (รองรับตารางที่ไม่มีส่วนหัวผ่านsimple_tablesและmultiline_tablesส่วนขยาย)
• Flexmark : ตัวแยกวิเคราะห์ใน Java

โซลูชัน CSS

หากคุณสามารถเปลี่ยน CSS ของเอาต์พุต HTML ได้คุณสามารถใช้:emptyคลาสหลอกเพื่อซ่อนส่วนหัวที่ว่างเปล่าและทำให้ดูเหมือนไม่มีส่วนหัวเลย

หากคุณไม่รังเกียจที่จะเสียสายโดยปล่อยให้มันว่างลองพิจารณาแฮ็คต่อไปนี้ (มันคือแฮ็คและใช้สิ่งนี้เฉพาะเมื่อคุณไม่ต้องการเพิ่มปลั๊กอินเพิ่มเติม)

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

หากต้องการดูลักษณะที่ปรากฏด้านบนให้คัดลอกข้างบนและไปที่https://stackedit.io/editor

มันทำงานร่วมกับการใช้MarkdownของGitLab / GitHub

ฉันได้ทำงานกับ Markdown ของ Bitbucket โดยใช้ลิงค์เปล่า:

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

โซลูชันสากล

หลายข้อเสนอแนะที่น่าเสียดายที่ไม่ได้ทำงานสำหรับทุก Markdown ผู้ชม / บรรณาธิการเช่นที่เป็นที่นิยมMarkdown Viewerส่วนขยายของ Chrome แต่พวกเขาทำผลงานกับอัจฉริยะ iA Writer

สิ่งที่ดูเหมือนจะใช้ได้กับทั้งโปรแกรมยอดนิยมเหล่านี้ (และอาจใช้ได้กับแอปพลิเคชันของคุณโดยเฉพาะ) คือการใช้HTML comment blocks ('<!-- -->'):

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

เช่นเดียวกับคำแนะนำก่อนหน้านี้ที่ระบุไว้สิ่งนี้จะเพิ่มแถวส่วนหัวที่ว่างเปล่าในตัวแสดง / ตัวแก้ไข Markdown ของคุณ ใน iA Writer มันมีขนาดเล็กพอที่จะไม่เข้ากับฉันมากเกินไป

ต่อไปนี้ใช้ได้ดีสำหรับฉันใน GitHub แถวแรกไม่มีตัวหนาอีกต่อไปเนื่องจากไม่ใช่ส่วนหัว:

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

ตรวจสอบตาราง HTML ตัวอย่างโดยไม่ต้องโหม่งที่นี่

การข้ามส่วนหัวเหนือตัวแบ่งสร้างตาราง headerless ในอย่างน้อย Perl Text :: MultiMarkdown และใน FletcherPenney MultiMarkdown

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

ดูคำขอคุณสมบัติ PHP Markdown

ส่วนหัวที่ว่างเปล่าใน PHP Parsedownสร้างตารางที่มีส่วนหัวที่ว่างเปล่าซึ่งมักจะมองไม่เห็น (ขึ้นอยู่กับ CSS ของคุณ) และดูเหมือนกับตารางส่วนหัว

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

อย่างน้อยสำหรับMarkit Flavoured ของ GitHubคุณสามารถให้ภาพลวงตาได้โดยการทำรายการแถวที่ไม่ใช่ส่วนหัวทั้งหมดด้วยตัวหนา__หรือ**แบบปกติ:

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

คุณอาจซ่อนหัวเรื่องได้หากคุณสามารถเพิ่ม CSS ต่อไปนี้:

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

นี่เป็นบิตที่ค่อนข้างหนักและไม่แยกความแตกต่างระหว่างตาราง แต่อาจทำเพื่องานง่ายๆ

ฉันใช้<span>ในส่วนหัวคอลัมน์แรก:

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

มันสร้างส่วนหัวที่ว่างเปล่าที่มีเส้นขอบ แต่มีขนาด 1/2

วิธีการแก้ปัญหาของ@thamme-gowdaใช้ได้กับรูปภาพเช่นกัน!

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

คุณสามารถตรวจสอบเรื่องนี้ในส่วนสำคัญที่ฉันทำเพื่อสิ่งนั้น นี่คือการเรนเดอร์ของตารางบน GitHub และ GitLab: