wake-up-neo.com

Erstellen Sie eine Tabelle ohne Kopf in Abschriften

Ist es möglich, eine Tabelle ohne Kopfzeile in Markdown zu erstellen?

Das HTML würde so aussehen:

<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

Die meisten Abschriften-Parser unterstützen keine Tabellen ohne Kopfzeilen. Das bedeutet, dass die Trennlinie für Header obligatorisch ist.

Parser, die not nicht unterstützen, unterstützen Tabellen ohne Kopfzeilen

Parser, die do Tabellen ohne Kopfzeilen unterstützen.

CSS-Lösung

Wenn Sie das CSS der HTML-Ausgabe ändern können, können Sie die :empty-Pseudoklasse nutzen, um einen leeren Header auszublenden und so aussehen zu lassen, als gäbe es keinen Header.

69
adius

Wenn es Ihnen nichts ausmacht, eine Zeile zu verschwenden, indem Sie sie leer lassen, sollten Sie den folgenden Hack in Betracht ziehen. (es ist ein Hack und sollte nur verwendet werden, wenn Sie keine zusätzlichen Plugins hinzufügen möchten)

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

Um zu sehen, wie der obige aussehen könnte, kopieren Sie den obigen und besuchen Sie https://stackedit.io/editor

Es funktionierte mit gitlab/githubs markdown Implementierungen.

55
Thamme Gowda

Ich habe das mit Bitbuckets Markdown gemacht, indem ich einen leeren Link verwendet habe

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

Wenn Sie die Kopfzeile über dem Teiler auslassen, wird zumindest in Perl Text :: MultiMarkdown und in FletcherPenney MultiMarkdown eine Header-freie Tabelle erzeugt.

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

Siehe PHP Markdown-Funktionsanforderung

Leere Header in PHP Parsedown erzeugen Tabellen mit leeren Headern, die normalerweise unsichtbar sind (abhängig von Ihrem CSS) und daher wie Header-Tabellen aussehen.

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

Das funktioniert gut für mich in GitHub. Die erste Zeile ist nicht mehr fett markiert, da es keine Kopfzeile ist:

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

Überprüfen Sie eine Beispiel-HTML-Tabelle ohne Header hier .

5
MondKin

Zumindest für den Github Flavored Markdown können Sie geben Sie die Illusion an, indem Sie einfach alle Nicht-Header-Zeileneinträge als fett definieren:

|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

Viele der Vorschläge funktionieren leider nicht für alle Markdown-Viewer/Editoren, z. B. in meinem Fall - der populären Markdown Viewer-Chrome-Erweiterung , arbeiten jedoch mit iA Writer .

Was anscheinend für beide dieser populären Programme geeignet ist (und möglicherweise für Ihre spezielle Anwendung geeignet ist), ist html comment blocks ('<!-- -->'):

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

Wie einige der zuvor genannten Vorschläge, fügt dies Ihrem Markdown-Viewer/Editor eine leere Kopfzeile hinzu und ist unvermeidlich. In iA Writer ist es ästhetisch so klein, dass es mir nicht zu sehr in den Weg kommt. 

1
Tony Barganski

Ich benutze <span> im ersten Colume-Header

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

es erstellt eine leere Kopfzeile mit Rand, jedoch mit der Größe 1/2

0
Long-John Silver

Die Lösung von @ thamme-gowda funktioniert auch für Bilder!

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

Sie können dies auf einer Gist überprüfen, die ich dafür gemacht habe . Hier ist ein Rendering des Tabellenhacks auf GitHub und GitLab:

0
tonejito

Haben Sie das Senseful Solutions Text als Tabellen Tool ausprobiert? 

Ich denke, Sie brauchen noch Kopfzeilen, aber das Erstellen von Tabellen wird für SO wesentlich einfacher.

0
Joshua Wilson