Créer un tableau sans en-tête dans Markdown

Est-il possible de créer un tableau sans en-tête dans Markdown?

Le HTML ressemblerait à ceci:

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

La plupart des analyseurs Markdown ne prennent pas en charge les tableaux sans en-têtes. Cela signifie que la ligne de séparation pour les en-têtes est obligatoire.

Analyseurs qui ne prennent pas en charge les tableaux sans en-têtes

• multimarkdown
• Maruku : une implémentation populaire dans Ruby
• byword : "Toutes les tables doivent commencer par une ou plusieurs lignes d'en-têtes"

• PHP Markdown Extra "La deuxième ligne contient une ligne de séparation obligatoire entre les en-têtes et le contenu"

• RDiscount Utilise la syntaxe PHP Markdown Extra.

• Markdown aromatisé GitHub
• Parsedown : un analyseur en PHP (utilisé par exemple dans les emails Laravel)

Analyseurs qui prennent en charge les tableaux sans en-têtes.

• Kramdown : un analyseur en Ruby
• Texte :: MultiMarkdown : module CPAN Perl.
• MultiMarkdown : application Windows.
• ParseDown Extra : un analyseur en PHP.
• Pandoc : Un convertisseur de document pour la ligne de commande écrite en Haskell (prend en charge les tables sans en-tête via ses extensions simple_tableset multiline_tables)
• Flexmark : un analyseur en Java.

Solution CSS

Si vous êtes capable de changer le CSS de la sortie HTML, vous pouvez cependant utiliser la :emptypseudo-classe pour masquer un en-tête vide et donner l'impression qu'il n'y a pas d'en-tête du tout.

Si cela ne vous dérange pas de gaspiller une ligne en la laissant vide, considérez le hack suivant (c'est un hack, et ne l'utilisez que si vous n'aimez pas ajouter de plugins supplémentaires).

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

Pour voir à quoi pourrait ressembler ce qui précède, copiez ce qui précède et visitez https://stackedit.io/editor

Il a travaillé avec gitlab ce / GitHub de Markdown mises en œuvre.

Je l'ai fait fonctionner avec Markdown de Bitbucket en utilisant un lien vide:

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

Solution universelle

La plupart des suggestions ne fonctionnent malheureusement pas pour tous les lecteurs / éditeurs Markdown, par exemple la populaire extension Markdown Viewer Chrome, mais elles fonctionnent avec iA Writer .

Ce qui semble fonctionner dans ces deux programmes populaires (et pourrait fonctionner pour votre application particulière) est d'utiliser HTML comment blocks ('<!-- -->'):

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

Comme certaines des suggestions précédentes, cela ajoute une ligne d'en-tête vide dans votre visionneuse / éditeur Markdown. Dans iA Writer, il est esthétiquement suffisamment petit pour ne pas trop me gêner.

Ce qui suit fonctionne bien pour moi dans GitHub. La première ligne n'est plus en gras car ce n'est pas un en-tête:

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

Vérifiez un exemple de tableau HTML sans en-tête ici .

Omettre l'en-tête au-dessus du diviseur produit une table sans en-tête dans au moins Perl Text :: MultiMarkdown et dans FletcherPenney MultiMarkdown

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

Voir la demande de fonctionnalité PHP Markdown

Les en-têtes vides dans PHP Parsedown produisent des tableaux avec des en-têtes vides qui sont généralement invisibles (selon votre CSS) et qui ressemblent donc à des tableaux sans en-tête.

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

Au moins pour le GitHub Flavored Markdown , vous pouvez donner l'illusion en mettant en gras toutes les entrées de ligne sans en-tête avec le format normal __ou **:

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

Vous pourrez peut-être masquer un en-tête si vous pouvez ajouter le CSS suivant:

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

C'est un peu lourd et ne fait pas de distinction entre les tables, mais cela peut le faire pour une tâche simple.

J'utilise <span>dans le premier en-tête de colonne:

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

Il crée un en-tête vide avec une bordure, mais avec la moitié de la taille.

La solution de @ thamme-gowda fonctionne aussi pour les images!

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

Vous pouvez vérifier ceci sur l' essentiel que j'ai fait pour cela . Voici un rendu du hack de table sur GitHub et GitLab: