web-dev-qa-db-fra.com

Créer une table sans en-tête dans le démarquage

Est-il possible de créer une table 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>
markdownhtml-tablemultimarkdown
94
adius

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

Les analyseurs qui supportent pas prennent en charge les tables sans en-tête

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

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

  • RDiscountUtilise PHP la syntaxe Markdown Extra.

  • Github Flavored Markdown
  • Parsedown : Un analyseur syntaxique dans PHP (utilisé par exemple dans les e-mails Laravel)

Des analyseurs qui do supportent les tables sans en-tête.

  • Kramdown : Un analyseur syntaxique en Ruby
  • Texte :: MultiMarkdown : Module Perl CPAN.
  • MultiMarkdown : application Windows.
  • ParseDown Extra : Un analyseur syntaxique en PHP.
  • Pandoc : Convertisseur de documents pour la ligne de commande écrite en Haskell (prend en charge les tables sans en-tête via ses extensions simple_tables et multiline_tables)

Solution CSS

Si vous pouvez modifier le CSS de la sortie HTML, vous pouvez toutefois utiliser la pseudo-classe :empty pour masquer un en-tête vide et lui donner l’impression qu’il n’y en a pas du tout.

69
adius

Si vous ne perdez pas 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-le et visitez https://stackedit.io/editor

Cela fonctionnait avec les implémentations markdown de gitlab/github.

55
Thamme Gowda

Je travaille avec le démarquage de bitbucket en utilisant un lien vide

[]()  | 
------|------
Row 1 | row 2
9
Stuart Campbell

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

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

Voir PHP Demande de fonctionnalité 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 à des tableaux sans en-tête.

|     |     |
|-----|-----|
|Foo  |37   |
|Bar  |101  |
7
RedGrittyBrick

Cela 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 table HTML sans en-tête ici .

5
MondKin

Au moins pour le Github Flavored Markdown , vous pouvez donner l’illusion en mettant simplement toutes les entrées de rangées qui ne sont pas d’en-tête comme bold:

|Regular | text | in header | turns bold |
|-|-|-|-|
| __So__ | __bold__ | __all__ | __table entries__ |
| __and__ | __it looks__ | __like a__ | __"headerless table"__ |
3
TT--
$ 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>
3
Steven Penny

Beaucoup de suggestions ne fonctionnent malheureusement pas pour tous les visualiseurs/rédacteurs de Markdown, par exemple, dans mon cas - l'extension populaire Markdown Viewer Chrome mais 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 visualiseur/éditeur de démarques et est inévitable. Dans iA Writer, il est suffisamment petit sur le plan esthétique pour ne pas trop me gêner. 

1
Tony Barganski

J'utilise <span> dans l'en-tête de la première colonne

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

il crée un en-tête vide avec une bordure, mais avec une taille 1/2

0
Long-John Silver

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

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

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

0
tonejito

Avez-vous essayé le logiciel Senseful Solutions format en tant qu'outil de tableau ? 

Je pense que vous avez toujours besoin d’en-têtes, mais cela facilite beaucoup la création de tables pour SO.

0
Joshua Wilson