Markdown에서 머리글이없는 테이블 만들기


141

Markdown에서 헤더없이 테이블을 만들 수 있습니까?

HTML은 다음과 같습니다.

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

답변:


92

대부분의 Markdown 파서는 헤더가없는 테이블을 지원하지 않습니다. 즉, 헤더 분리선이 필수입니다.

헤더 가 없는 테이블을 지원 하지 않는 파서

파서 헤더없이 지원 테이블을.

CSS 솔루션

HTML 출력의 CSS를 변경할 수 있다면 :empty의사 클래스를 활용하여 빈 헤더를 숨기고 헤더가 전혀없는 것처럼 보이게 할 수 있습니다.


28
Github의 파서는이를 지원하지 않는 파서 목록에 추가 될 수 있습니다.
Quantum7

4
CSS 솔루션에 대한 추가 정보 : stackoverflow.com/questions/12023771/hide-empty-cells-in-table
Vadzim

80

줄을 비워 두어 줄 낭비하지 않으려면 다음 핵을 고려하십시오 (해킹이므로 플러그인을 추가하지 않으려는 경우에만 사용하십시오).

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

위의 모습을 보려면 위의 내용을 복사하여 https://stackedit.io/editor를 방문 하십시오.

GitLab / GitHubMarkdown 구현 과 함께 작동했습니다 .


1
어떤 구현이 작동합니까? Perl의 Text :: MultiMarkdown에서는 작동하지 않지만 일부 PHP MultiMarkdown 구현에서는 작동한다고 생각합니다.
RedGrittyBrick

2
gitlab / github의 마크 다운 구현과 함께 작동했습니다. 나는 펄의 텍스트에 대해 확실하지 않다 :: MultiMarkdown
Thamme Gowda

8
빈 테이블 헤더와 빈 행이 생성됩니다.
Gajus

이것은 실제로 pandocpdf 로 마크 다운하면 효과적 입니다.
Alex Baranowski

감사! 이것은 Laravel 5.8 (멀티) 마크 다운에서도 작동합니다. 머리글이 보이지 않고 한 줄만 표시됩니다. 테마의 일부 CSS를 사용하여 제거 할 수있는 디바이더처럼 보입니다.
user2966991 2016 년

17

빈 링크를 사용하여 Bitbucket의 Markdown을 사용 하여이 작업을 수행했습니다.

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

2
빈 헤더 행을 표시합니다. 보통 선의 높이의 절반 이상입니다. 너무 GitHub의에서 해킹으로 나를 위해 일한
Londane

이 해킹은 불면증으로 문서를 작성할 때 나를 위해 일했습니다. 여전히 헤더 줄을 만들지 만 텍스트를 넣는 것보다 훨씬 짧습니다. 감사!
jkmartindale

훌륭한! 여전히 Github Markdown과 함께 약간의 수직 공간이 있지만 이전보다 낫습니다.
Keith Bennett

15

범용 솔루션

안타깝게도 많은 제안은 모든 Markdown 뷰어 / 편집기 (예 : 인기있는 Markdown Viewer Chrome 확장 프로그램)에서 작동하지 않지만 iA Writer 에서는 작동 합니다.

어떤이 인기 프로그램 (그리고 특정 애플리케이션에 힘 작업) 모두에서 작동하는 것처럼 보인다하여 사용하는 것입니다 HTML comment blocks ('<!-- -->'):

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

앞서 언급 한 제안 중 일부와 마찬가지로 마크 다운 뷰어 / 편집기에 빈 헤더 행이 추가됩니다. iA Writer에서는 심미적으로 작아서 방해가되지 않습니다.


이것은 텍스트 전용으로 볼 때 주석이 제거되고 열이 더 이상 정렬되지 않기 때문에 Markdown을 사용하는 시점을 완전히 없애줍니다.
hackel

@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
이것이 바로 질문자가 원하지 않는다고 말한 것입니다.
Neil Mayhew

HTML 테이블은 Bitbucket ( community.atlassian.com/t5/Bitbucket-questions/… ) 에서 작동하지 않는 것 같습니다 . 테이블을 렌더링하는 대신 HTML 자체를 표시합니다.
jsaven

7

분배기 위의 헤더를 생략하면 최소한 Perl Text :: MultiMarkdown 및 FletcherPenney MultiMarkdown 에서 헤더없는 테이블이 생성됩니다.

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

PHP 마크 다운 기능 요청 참조


PHP의 빈 헤더 구문 분석 은 일반적으로 보이지 않는 (CSS에 따라) 빈 헤더가있는 테이블을 생성하므로 헤더가없는 테이블처럼 보입니다.

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

Parsedown 사용에 대해 실제로 헤더는 여전히 여기 있습니다 .HTML을 확인하십시오. 셀에 CSS 패딩이 있으면 헤더 셀이 표시됩니다. 그러나 나는 그것이 table th:empty { padding: 0; }고칠 것이라고 생각 합니다.
AymDev

6

적어도 GitHub Flavored Markdown의 경우 헤더가 아닌 모든 행 항목을 일반 또는 형식으로 굵게 표시 하여 환상 수 있습니다 .__**

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

나는 GFM에서 작동하는 것을 찾고 있었고이 핵은 창조적이다!
Mr.

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

@AdrianSieber Kramdown을 사용하는데 다른 것에 대해서는 말할 수 없습니다.
Steven Penny

2

다음 CSS를 추가 할 수 있으면 제목 을 숨길 수 있습니다.

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

이것은 약간의 부담이 많고 테이블을 구별하지는 않지만 간단한 작업을 수행 할 수 있습니다.


어떤 이유로 든 나를 위해 작동하는 유일한 CSS 트릭입니다 (Markdown-it 렌더러와 함께 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의 테이블 핵 렌더링입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.