Створіть таблицю без заголовка в 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 не підтримують таблиці без заголовків. Це означає, що роздільна лінія для заголовків є обов'язковою.

Парсери, які не підтримують таблиці без заголовків

• мультимаркетування
• Маруку : Популярна реалізація в Ruby
• byword : "Усі таблиці повинні починатися з одного або декількох рядків заголовків"

• PHP Markdown Extra "другий рядок містить обов'язковий розділовий рядок між заголовками та вмістом"

• RDiscount Використовує додатковий синтаксис відмітки PHP.

• GitHub Flavoured Markdown
• Parsedown : Аналізатор PHP (використовується, наприклад, в електронних листах Laravel)

Парсери, які роблять таблиці підтримки без заголовків.

• Крамдаун : аналізатор в Рубі
• Текст :: 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

Він працював з GitLab / GitHub «s 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 таблиці без заголовка тут .

Якщо вимкнути заголовок над роздільником, ви отримаєте таблицю без заголовка принаймні Perl Text :: MultiMarkdown та FletcherPenney MultiMarkdown

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

Див. Запит на функцію відмітки PHP

Порожні заголовки в PHP Parsedown створюють таблиці з порожніми заголовками, які зазвичай невидимі (залежно від вашого CSS) і так виглядають як безголовні таблиці.

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

Принаймні, для GitHub Flavored Markdown , ви можете створити ілюзію , зробивши всі записи рядка без заголовка жирним шрифтом із регулярним __або **форматуванням:

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