Markdown में हेडर के बिना एक टेबल बनाएं


141

क्या मार्कडाउन में हेडर के बिना टेबल बनाना संभव है?

HTML इस तरह दिखेगा:

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

जवाबों:


92

अधिकांश मार्कडाउन पार्सर हेडर के बिना तालिकाओं का समर्थन नहीं करते हैं। अर्थात हेडर के लिए पृथक्करण रेखा अनिवार्य है।

परर्स जो हेडर के बिना तालिकाओं का समर्थन नहीं करते हैं

पार्सर जो हेडर के बिना टेबल का समर्थन करते हैं।

सीएसएस समाधान

यदि आप HTML आउटपुट के सीएसएस को बदलने में सक्षम हैं, तो आप :emptyखाली हेडर को छिपाने के लिए छद्म वर्ग का लाभ उठा सकते हैं और यह देख सकते हैं कि कोई हेडर नहीं है।


28
गितुब के पार्सर को उन लोगों की सूची में जोड़ा जा सकता है जो इसका समर्थन नहीं करते हैं।
क्वांटम 7

4
CSS समाधान के बारे में अधिक जानकारी: stackoverflow.com/questions/12023771/hide-empty-cells-in-table
Vadzim

80

यदि आपको इसे खाली छोड़ने से कोई लाइन बर्बाद करने में कोई दिक्कत नहीं है, तो निम्नलिखित हैक पर विचार करें (यह एक हैक है, और इसका उपयोग केवल तभी करें जब आपको कोई अतिरिक्त प्लगइन्स जोड़ना पसंद न हो)।

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

यह देखने के लिए कि ऊपर वाला कैसे दिख सकता है, ऊपर कॉपी करें और https://stackedit.io/editor पर जाएं

यह के साथ काम किया GitLab / GitHub के Markdown कार्यान्वयन।


1
वह कार्य किस कार्यान्वयन के साथ होता है? यह पर्ल के पाठ के साथ काम नहीं करता है :: MultiMarkdown लेकिन मुझे लगता है कि यह कुछ PHP MultiMarkdown कार्यान्वयन के साथ काम कर सकता है।
RedGrittyBrick

2
यह gitlab / github के मार्कडाउन कार्यान्वयन के साथ काम किया। मुझे पर्ल के पाठ के बारे में निश्चित नहीं है :: मल्टीमर्कडाउन
थम्मे गौड़ा

8
यह एक खाली तालिका शीर्ष लेख और एक खाली पंक्ति बनाएगा।
गजस

यह वास्तव में pandocपीडीएफ में मार्कडाउन के साथ बहुत अच्छा काम करता है ।
एलेक्स बारानोव्स्की

धन्यवाद! यह लारवेल 5.8 (मल्टी) मार्कडाउन के साथ भी काम करता है। कोई हेडर दिखाई नहीं देता - केवल एक पंक्ति। डिवाइडर की तरह दिखता है, जिसे थीम में कुछ सीएसएस का उपयोग करके हटाया जा सकता है।
user2966991

17

मुझे खाली लिंक का उपयोग करके बिटबकेट के मार्कडाउन के साथ यह काम मिला:

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

2
खाली हेडर लाइन को भी संकेत देगा। कम से कम इसकी आधी ऊंचाई एक सामान्य रेखा के रूप में। मेरे लिए
हैकथ

इनसोम्निया में प्रलेखन लिखते समय इस हैक ने मेरे लिए काम किया। फिर भी हेडर लाइन बनाता है, लेकिन अगर मैं इसमें टेक्स्ट डालता हूं तो यह बहुत छोटा है। धन्यवाद!
jkmartindale

प्रतिभाशाली! मुझे अब भी जीथब मार्कडाउन के साथ थोड़ा ऊर्ध्वाधर स्थान दिखाई देता है, लेकिन यह पहले से बेहतर है।
कीथ बेनेट

15

यूनिवर्सल सॉल्यूशन

उदाहरण के लिए, लोकप्रिय मार्कडाउन व्यूअर क्रोम एक्सटेंशन के लिए कई सुझाव दुर्भाग्य से सभी मार्कडाउन दर्शकों / संपादकों के लिए काम नहीं करते हैं , लेकिन वे आईए लेखक के साथ काम करते हैं ।

इन दोनों लोकप्रिय कार्यक्रमों में काम करने के लिए क्या लगता है (और आपके विशेष एप्लिकेशन के लिए काम कर सकता है) का उपयोग करना है HTML comment blocks ('<!-- -->'):

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

पहले बताए गए कुछ सुझावों की तरह, यह आपके मार्काडाउन दर्शक / संपादक में एक खाली हेडर पंक्ति जोड़ देता है। आईए राइटर में, यह सौंदर्य से काफी छोटा है कि यह मेरे रास्ते में नहीं आता है।


यह मार्कडाउन का उपयोग करने के बिंदु को पूरी तरह से परिभाषित करता है, जब केवल पाठ के रूप में देखा जाता है, तो टिप्पणियाँ छीन ली जाएंगी और कॉलम भी संरेखित नहीं होंगे।
हैक

मुझे लगता है कि @hackel को गलत समझा गया। यह निश्चित चौड़ाई का उपयोग करके कॉलम संरेखित नहीं करता है। बल्कि, यह मान्य लेकिन खाली कॉलम हेडर रखने के लिए एक अच्छा समाधान देता है। यह मेरी स्थिति में एक बड़ा बदलाव था। तालिका अभी भी इरादा / उम्मीद के अनुसार प्रदान की गई है; इसमें बस कोई हेडर पंक्ति नहीं थी।
mdahlman

8

निम्नलिखित GitHub में मेरे लिए अच्छी तरह से काम करता है। पहली पंक्ति अब बोल्ड नहीं है क्योंकि यह शीर्ष लेख नहीं है:

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

यहां एक हेडर के बिना एक नमूना HTML तालिका की जांच करें


5
यह वही है जो प्रश्नकर्ता ने कहा कि वे नहीं चाहते थे।
नील मेवेज़

HTML तालिकाओं को Bitbucket ( समुदाय .atlassian.com/t5/Bitbucket-questions/… ) में काम नहीं लगता है - यह HTML को तालिका रेंडर करने के बजाय स्वयं प्रदर्शित करता है।
jsaven

7

विभक्त के शीर्ष लेख को ओटरेट करने से कम से कम पर्ल टेक्स्ट में एक शीर्ष लेख रहित तालिका बनती है :: मल्टीमर्कडाउन और फ्लेचरपेनी मल्टीमर्कडाउन में

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

PHP मार्कडाउन सुविधा अनुरोध देखें


PHP पार्सडाउन में खाली हेडर खाली हेडर के साथ तालिकाओं का उत्पादन करते हैं जो आमतौर पर अदृश्य होते हैं (आपके सीएसएस पर निर्भर करता है) और इसलिए हेडरलेस टेबल की तरह दिखते हैं।

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

पार्सडाउन के उपयोग के बारे में, वास्तव में हेडर अभी भी यहां है, बस HTML की जांच करें। यदि आपके पास कोशिकाओं पर CSS पैडिंग है तो आप हेडर सेल देखेंगे। लेकिन मुझे लगता है कि table th:empty { padding: 0; }वह ठीक कर देगा।
अयमेव

6

कम से कम गिटहब फ्लेवर्ड मार्कडाउन के लिए , आप सभी गैर-हेडर पंक्ति प्रविष्टियों को नियमित या प्रारूपण के साथ बोल्ड करके भ्रम दे सकते हैं :__**

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

मैं GFM में काम करने वाली किसी चीज़ की तलाश में था और यह हैक एक रचनात्मक है!
मृचि

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>

ऐसा लगता है कि github.com/chjj/marked के साथ काम नहीं कर रहा है । क्या कोई संदर्भ है, जिसमें मैं देख सकता हूं कि क्या यह अपेक्षित व्यवहार है?
adius

@ एड्रियनसेबर मैं क्रामडाउन का उपयोग करता हूं, मैं दूसरे के बारे में नहीं बोल सकता।
स्टीवन पेनी

2

यदि आप निम्नलिखित सीएसएस जोड़ सकते हैं तो आप एक हेडिंग को छिपाने में सक्षम हो सकते हैं:

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

यह थोड़ा भारी हाथ है और तालिकाओं के बीच अंतर नहीं करता है, लेकिन यह एक साधारण कार्य के लिए कर सकता है।


केवल सीएसएस ट्रिक जो किसी कारण से मेरे लिए काम करती है (मैं मार्कडाउन-वी रेंडरर के साथ VNote का उपयोग कर रहा हूं)। यहां दिए गए समाधानों में से कोई भी नहीं: stackoverflow.com/questions/12023771/hide-empty-cells-in-table ने काम किया।
क्या

1

मैं <span>पहले कॉलम हेडर में उपयोग करता हूं :

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

यह बॉर्डर के साथ एक खाली हेडर बनाता है, लेकिन 1/2 आकार के साथ।


0

@ thamme-gowda का समाधान छवियों के लिए भी काम करता है!

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

आप इस बात की जाँच कर सकते हैं कि मैं इसके लिए बना था । यहाँ GitHub और GitLab पर टेबल हैक का प्रस्तुतिकरण दिया गया है:

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.