Utwórz tabelę bez nagłówka w Markdown

Czy w Markdown można utworzyć tabelę bez nagłówka?

Kod HTML wyglądałby następująco:

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

Większość parserów Markdown nie obsługuje tabel bez nagłówków. Oznacza to, że linia oddzielająca dla nagłówków jest obowiązkowa.

Parsery, które nie obsługują tabel bez nagłówków

• multimarkdown
• Maruku : popularna implementacja w Rubim
• byword : „Wszystkie tabele muszą zaczynać się co najmniej jednym wierszem nagłówka”

• PHP Markdown Extra "druga linia zawiera obowiązkową linię oddzielającą między nagłówkami a treścią"

• RDiscount Używa składni PHP Markdown Extra.

• GitHub Flavored Markdown
• Parsedown : parser w PHP (używany np. W e-mailach Laravel)

Parsery że zrobić tabele wsparcia bez nagłówków.

• Kramdown : parser w Rubim
• Text :: MultiMarkdown : Perl CPAN moduł.
• MultiMarkdown : aplikacja Windows.
• ParseDown Extra : parser w PHP.
• Pandoc : konwerter dokumentów dla wiersza poleceń napisany w Haskell (obsługuje tabele bez nagłówków za pośrednictwem jego simple_tablesi multiline_tablesrozszerzeń)
• Flexmark : parser w Javie.

Rozwiązanie CSS

Jeśli jesteś w stanie zmienić CSS wyniku HTML, możesz jednak wykorzystać :emptypseudoklasę, aby ukryć pusty nagłówek i sprawić, by wyglądał, jakby w ogóle go nie było.

Jeśli nie masz nic przeciwko marnowaniu linii, pozostawiając ją pustą, rozważ następujący hack (jest to hack i używaj go tylko wtedy, gdy nie lubisz dodawać żadnych dodatkowych wtyczek).

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

Aby zobaczyć, jak może wyglądać powyższe, skopiuj powyższe i odwiedź https://stackedit.io/editor

To pracował z GitLab / GitHub „s Przecena wdrożeń.

Udało mi się to współpracować z Markdown Bitbucket, używając pustego linku:

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

Uniwersalne rozwiązanie

Wiele sugestii niestety nie działa dla wszystkich przeglądarek / redaktorów Markdown, na przykład popularne rozszerzenie Markdown Viewer Chrome, ale działają one z iA Writer .

To, co wydaje się działać w obu tych popularnych programach (i może działać w przypadku Twojej konkretnej aplikacji), to użycie HTML comment blocks ('<!-- -->'):

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

Podobnie jak niektóre z wcześniej wymienionych sugestii, powoduje to dodanie pustego wiersza nagłówka w przeglądarce / edytorze Markdown. W iA Writer jest estetycznie na tyle mały, że nie przeszkadza mi zbytnio.

Poniższe działa dobrze dla mnie w GitHub. Pierwszy wiersz nie jest już pogrubiony, ponieważ nie jest nagłówkiem:

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

Sprawdź przykładową tabelę HTML bez nagłówka tutaj .

Pominięcie nagłówka nad dzielnikiem tworzy tabelę bez nagłówka w przynajmniej Perl Text :: MultiMarkdown i FletcherPenney MultiMarkdown

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

Zobacz prośbę o funkcję PHP Markdown

Puste nagłówki w PHP Parsedown tworzą tabele z pustymi nagłówkami, które są zwykle niewidoczne (w zależności od twojego CSS) i dlatego wyglądają jak tabele bez nagłówków.

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

Przynajmniej w przypadku GitHub Flavored Markdown możesz dać złudzenie, pogrubiając wszystkie wpisy wiersza niebędące nagłówkami za pomocą zwykłego __lub **formatowania:

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

Możesz ukryć nagłówek, jeśli możesz dodać następujący CSS:

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

Jest to trochę uciążliwe i nie rozróżnia stołów, ale może wystarczyć do prostego zadania.

Używam <span>w nagłówku pierwszej kolumny:

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

Tworzy pusty nagłówek z obramowaniem, ale o 1/2 rozmiaru.

Rozwiązanie @ thamme-gowda działa również w przypadku obrazów!

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

Możesz to sprawdzić w podsumowaniu, które zrobiłem dla tego . Oto renderowanie hackowania tabeli na GitHub i GitLab: