Crie uma tabela sem um cabeçalho no Markdown

É possível criar uma tabela sem um cabeçalho no Markdown?

O HTML ficaria assim:

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

A maioria dos analisadores Markdown não suporta tabelas sem cabeçalhos. Isso significa que a linha de separação para cabeçalhos é obrigatória.

Analisadores que não suportam tabelas sem cabeçalhos

• multimarkdown
• Maruku : Uma implementação popular em Ruby
• byword : "Todas as tabelas devem começar com uma ou mais linhas de cabeçalhos"

• PHP Markdown Extra "segunda linha contém uma linha separadora obrigatória entre os cabeçalhos e o conteúdo"

• RDiscount Usa sintaxe extra do PHP Markdown.

• Markdown com sabor do GitHub
• Parsedown : Um analisador em PHP (usado, por exemplo, nos emails do Laravel)

Analisadores que fazer mesas de apoio, sem cabeçalhos.

• Kramdown : Um analisador em Ruby
• Texto :: MultiMarkdown : módulo Perl CPAN.
• MultiMarkdown : aplicativo do Windows.
• ParseDown Extra : Um analisador em PHP.
• Pandoc : Um conversor de documentos para a linha de comando escrita em Haskell (suporta tabelas sem cabeçalho através de suas extensões simple_tablese multiline_tables)
• Flexmark : um analisador em Java.

Solução CSS

Se você é capaz de alterar o CSS da saída HTML, no entanto, pode alavancar a :emptypseudo classe para ocultar um cabeçalho vazio e parecer que não há cabeçalho.

Se você não se importa em desperdiçar uma linha, deixando-a vazia, considere o seguinte hack (é um hack e use isso apenas se você não quiser adicionar plug-ins adicionais).

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

Para ver como a imagem acima pode parecer, copie a descrição acima e visite https://stackedit.io/editor

Ele trabalhou com gitlab / GitHub 's Markdown implementações.

Eu consegui trabalhar com o Markdown do Bitbucket usando um link vazio:

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

Solução Universal

Infelizmente, muitas das sugestões não funcionam para todos os visualizadores / editores do Markdown, por exemplo, a popular extensão do Markdown Viewer Chrome, mas funcionam com o iA Writer .

O que parece funcionar nesses dois programas populares (e pode funcionar para seu aplicativo específico) é usar HTML comment blocks ('<!-- -->'):

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

Como algumas das sugestões anteriores, isso adiciona uma linha de cabeçalho vazia ao seu visualizador / editor do Markdown. No iA Writer, é esteticamente pequeno o suficiente para não atrapalhar muito.

O seguinte funciona bem para mim no GitHub. A primeira linha não está mais em negrito, pois não é um cabeçalho:

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

Verifique uma tabela HTML de amostra sem um cabeçalho aqui .

Omitir o cabeçalho acima do divisor produz uma tabela sem cabeçalho em pelo menos Perl Text :: MultiMarkdown e no FletcherPenney MultiMarkdown

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

Consulte solicitação de recurso PHP Markdown

Cabeçalhos vazios no Parsedown do PHP produzem tabelas com cabeçalhos vazios que geralmente são invisíveis (dependendo do CSS) e, portanto, parecem tabelas sem cabeçalho.

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

Pelo menos para o Markit de sabor do GitHub , você pode dar a ilusão deixando todas as entradas de linha sem cabeçalho em negrito com a formatação __ou regular **:

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

Você poderá ocultar um cabeçalho se puder adicionar o seguinte CSS:

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

Isso é um pouco pesado e não faz distinção entre tabelas, mas pode ser útil para uma tarefa simples.

Eu uso <span>no cabeçalho da primeira coluna:

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

Ele cria um cabeçalho vazio com borda, mas com metade do tamanho.

A solução do @ thamme-gowda também funciona para imagens!

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

Você pode verificar isso em uma essência que eu fiz para isso . Aqui está uma renderização da tabela hack no GitHub e GitLab: