Crea una tabella senza intestazione in Markdown

È possibile creare una tabella senza intestazione in Markdown?

L'HTML sarebbe simile al seguente:

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

La maggior parte dei parser Markdown non supporta le tabelle senza intestazioni. Ciò significa che la linea di separazione per le intestazioni è obbligatoria.

Parser che non supportano tabelle senza intestazioni

• multimarkdown
• Maruku : un'implementazione popolare in Ruby
• parola d'ordine : "Tutte le tabelle devono iniziare con una o più righe di intestazioni"

• PHP Markdown Extra "la seconda riga contiene una riga di separazione obbligatoria tra le intestazioni e il contenuto"

• RDiscount utilizza la sintassi extra di Markdown PHP.

• GitHub Flavored Markdown
• Parsedown : un parser in PHP (utilizzato ad esempio nelle e-mail Laravel)

Parser che fanno le tabelle di supporto, senza intestazioni.

• Kramdown : un parser in Ruby
• Testo :: MultiMarkdown : modulo CPAN Perl.
• MultiMarkdown : applicazione Windows.
• ParseDown Extra : un parser in PHP.
• Pandoc : Un convertitore di documenti per la riga di comando scritto in Haskell (supporti header-meno tavoli attraverso le sue simple_tablese multiline_tablesle estensioni)
• Flexmark : un parser in Java.

Soluzione CSS

Se sei in grado di modificare il CSS dell'output HTML, puoi comunque sfruttare la :emptypseudo classe per nascondere un'intestazione vuota e far sembrare che non ci sia alcuna intestazione.

Se non ti dispiace sprecare una linea lasciandola vuota, considera il seguente hack (è un hack e usalo solo se non ti piace aggiungere plugin aggiuntivi).

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

Per vedere come potrebbe apparire quello sopra, copia quanto sopra e visita https://stackedit.io/editor

Ha funzionato con GitLab / GitHub s' Markdown implementazioni.

Ho funzionato con Markdown di Bitbucket usando un link vuoto:

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

Soluzione universale

Sfortunatamente molti dei suggerimenti non funzionano per tutti i visualizzatori / editor di Markdown, ad esempio la popolare estensione Chrome di Markdown Viewer , ma funzionano con iA Writer .

Ciò che sembra funzionare su entrambi questi programmi popolari (e potrebbe funzionare per la tua particolare applicazione) è usare HTML comment blocks ('<!-- -->'):

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

Come alcuni dei precedenti suggerimenti indicati, questo aggiunge una riga di intestazione vuota nel visualizzatore / editor Markdown. In iA Writer, è esteticamente abbastanza piccolo da non ostacolarlo troppo.

Quanto segue funziona bene per me in GitHub. La prima riga non è più in grassetto in quanto non è un'intestazione:

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

Controllare una tabella HTML di esempio, senza un colpo di testa qui .

Omettere l'intestazione sopra il divisore produce una tabella senza intestazione in almeno Perl Text :: MultiMarkdown e in FletcherPenney MultiMarkdown

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

Vedi Richiesta funzionalità Markdown PHP

Le intestazioni vuote in PHP Parsedown producono tabelle con intestazioni vuote che di solito sono invisibili (a seconda del CSS) e quindi assomigliano a tabelle senza intestazione.

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

Almeno per il Markdown aromatizzato GitHub , puoi dare l'illusione rendendo tutte le voci della riga non di intestazione in grassetto con il normale __o la **formattazione:

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

Potresti riuscire a nascondere un'intestazione se puoi aggiungere il seguente CSS:

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

Questo è un po 'pesante e non distingue tra i tavoli, ma può fare per un compito semplice.

Uso <span>nell'intestazione della prima colonna:

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

Crea un'intestazione vuota con bordo, ma con 1/2 della dimensione.

La soluzione di @ thamme-gowda funziona anche con le immagini!

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

Puoi verificarlo su una sostanza che ho fatto per quello . Ecco un rendering dell'hack della tabella su GitHub e GitLab: