Markdown'da başlığı olmayan bir tablo oluşturma


141

Markdown'da başlıksız bir tablo oluşturmak mümkün müdür?

HTML şöyle görünecektir:

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

Yanıtlar:


92

Çoğu Markdown ayrıştırıcısı başlıksız tabloları desteklemez. Bu, başlıklar için ayırma çizgisinin zorunlu olduğu anlamına gelir.

Do Ayrıştırıcılar değil başlıkları olmadan tabloları destekleyecek

Ayrıştırıcılar yapmak başlıkları olmadan destek tabloları.

CSS çözümü

HTML çıktısının CSS'sini değiştirebiliyorsanız, :emptyboş bir üstbilgiyi gizlemek ve hiç başlık yokmuş gibi görünmesini sağlamak için sözde sınıftan yararlanabilirsiniz.


29
Github ayrıştırıcısı, onu desteklemeyenlerin listesine eklenebilir.
Quantum7

4
CSS çözümü hakkında daha fazla bilgi: stackoverflow.com/questions/12023771/hide-empty-cells-in-table
Vadzim

80

Bir satırı boş bırakarak boşa harcamayı düşünmüyorsanız, aşağıdaki hack'i düşünün (bu bir hack'tir ve bunu yalnızca ek eklentiler eklemekten hoşlanmıyorsanız) kullanın.

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

Yukarıdakilerin nasıl görünebileceğini görmek için yukarıdakileri kopyalayın ve https://stackedit.io/editor adresini ziyaret edin.

Bu çalıştı GitLab / GitHub 'ın Markdown uygulamaları.


1
Bu hangi uygulama ile çalışıyor? Perl's Text :: MultiMarkdown ile çalışmaz, ancak bazı PHP MultiMarkdown uygulamaları ile çalışabileceğini düşünüyorum.
RedGrittyBrick

2
Gitlab / github'un işaretleme uygulamaları ile çalıştı. Perl adlı kişinin Metni hakkında emin değilim :: MultiMarkdown
Thamme Gowda

8
Bu, boş bir tablo başlığı ve boş bir satır oluşturur.
Aralık'ta Gajus 0:25

Bu aslında pandocpdf için markdown ile harika çalışıyor .
Alex Baranowski

Teşekkürler! Bu Laravel 5.8 (çoklu) işaretleme ile de çalışır. Üstbilgi görünmez - yalnızca bir satır. Temadaki bazı CSS kullanılarak kaldırılabilen bir ayırıcıya benziyor.
user2966991

17

Boş bir bağlantı kullanarak Bitbucket Markdown ile bu çalışma var:

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

2
Ayrıca boş bir başlık satırı sorar. En azından normal çizginin yüksekliğinin sadece yarısı. Benim için de
github'da

Bu hack, Uykusuzluk'ta belge yazarken benim için çalıştı. Hala bir başlık satırı oluşturuyor, ancak oraya metin koymamdan çok daha kısa. Teşekkürler!
jkmartindale

Parlak! Github Markdown ile hala biraz dikey alan görüyorum, ancak eskisinden daha iyi.
Keith Bennett

15

Evrensel Çözüm

Önerilerin çoğu maalesef popüler Markdown Viewer Chrome uzantısı gibi tüm Markdown görüntüleyicileri / editörleri için çalışmıyor, ancak iA Writer ile çalışıyor .

Bu popüler programların her ikisinde de işe yarayan (ve özel uygulamanız için işe yarayabilecek) aşağıdakileri kullanmaktır HTML comment blocks ('<!-- -->'):

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

Daha önce belirtilen bazı önerilerde olduğu gibi, bu, Markdown görüntüleyicinize / düzenleyicinize boş bir başlık satırı ekler. İA Writer'da, yoluma çok fazla girmeyecek kadar estetik olarak küçük.


Bu, Markdown kullanma noktasını tamamen ortadan kaldırır, çünkü yalnızca metin olarak görüntülendiğinde, yorumlar kaldırılır ve sütunlar artık hizalanmaz.
hackel

Sanırım @hackel yanlış anlaşıldı. Bu, sütunları sabit genişlikler kullanarak hizalamaz. Bunun yerine, geçerli ancak boş sütun başlıklarına sahip olmak güzel bir çözüm sağlar. Benim durumumda büyük bir çözümdü. Tablo hala amaçlandığı / beklendiği gibi işlendi; sadece başlık satırı yoktu.
mdahlman

8

GitHub'da aşağıdakiler benim için iyi çalışıyor. İlk satır artık başlık olmadığından kalın yazılamaz:

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

Üstbilgisi olmayan örnek bir HTML tablosunu buradan kontrol edin .


5
Bu sadece sorgulayıcının istemediklerini söyledi.
Neil Mayhew

HTML tabloları Bitbucket'te çalışmıyor gibi görünüyor ( community.atlassian.com/t5/Bitbucket-questions/… ) - tablo oluşturmak yerine HTML'nin kendisini görüntüler.
jsaven

7

Başlığın bölücünün üstünden çıkarılması, en azından Perl Text :: MultiMarkdown ve FletcherPenney MultiMarkdown'da üstbilgisiz bir tablo oluşturur

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

PHP Markdown özellik isteğine bakın


PHP Parsedown'daki boş üstbilgiler, genellikle görünmez olan (CSS'nize bağlı olarak) ve üstbilgisiz tablolara benzeyen boş üstbilgilere sahip tablolar üretir.

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

Parsedown kullanımı hakkında, aslında başlık hala burada, HTML'yi kontrol edin. Hücreler üzerinde bir CSS dolgunuz varsa, başlık hücrelerini göreceksiniz. Ama sanırım table th:empty { padding: 0; }bunu düzeltir.
AymDev

6

En azından GitHub Aromalı İşaretleme için , başlık dışı satır girişlerinin tümünü normal veya biçimlendirmeyle kalın yaparak illüzyon verebilirsiniz :__**

|Regular | text | in header | turns bold |
|-|-|-|-|
| __So__ | __bold__ | __all__ | __table entries__ |
| __and__ | __it looks__ | __like a__ | __"headerless table"__ |

GFM'de işe yarayacak bir şey arıyordum ve bu kesmek yaratıcı bir şey!
Mrchief

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

Bu, github.com/chjj/marked ile çalışmıyor gibi görünüyor . Beklenen davranış olsa bile bakabileceğim bir referans var mı?
adius

@AdrianSieber Kramdown kullanıyorum, başka bir tane hakkında konuşamam.
Steven Penny

2

Sen mümkün olabilir gizlemek aşağıdaki CSS ekleyebilirsiniz eğer bir başlık:

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

Bu biraz ağırdır ve tablolar arasında ayrım yapmaz, ancak basit bir görev için yapabilir.


Nedense benim için çalışan tek CSS hile (Markdown-it renderer ile VNote kullanıyorum). Burada verilen çözümlerin hiçbiri: stackoverflow.com/questions/12023771/hide-empty-cells-in-table çalıştı.
Ne

1

Kullanmak <span>Birinci sütun başlığındaki:

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

Kenarlığı olan, ancak boyutu 1/2 olan boş bir başlık oluşturur.


0

@ thamme-gowda'nın çözümü görüntüler için de işe yarıyor!

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

Bunun için yaptığım bir özden bunu kontrol edebilirsiniz . İşte GitHub ve GitLab'deki tablo kesmek bir render:

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.