web-dev-qa-db-ja.com

Markdownテーブルのヘッダーを左揃えにしますか？

GitHubの「 Markdown Cheatsheet 」の表の例を使用すると、次のようになります。

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

enter image description here

私の質問は、ヘッダーセルを左揃えにする方法はありますか？

markdowngithub-flavored-markdown
16
Scott Beeson

使用している実装に依存します。

テーブルはMarkdownの非標準機能であり、テーブルをサポートする各実装は異なる方法で機能します。たとえば、質問で指し示されている「cheetsheet」は Markdown Here プロジェクト内にあります。そのプロジェクトのReadmeには次の説明が含まれています。

Markdown HereでMarkdownを使用して何ができるかを調べるには、 Markdown Here Cheatsheet およびその他の wikiページ を確認してください。

そのため、「cheetsheet」は、Markdown Hereで使用される実装に固有のものです。

GitHubには、 ドキュメント化された Commonmark仕様の 拡張 としてのMarkdownの実装があります（ Commonmark は、テーブルをサポートしないMarkdownバリアントです）。 例192 によると、列ヘッダーは列セルと同じ配置を受け取ります。

| abc | defghi |
:-: | -----------:
bar | baz

<table>
<thead>
<tr>
<th align="center">abc</th>
<th align="right">defghi</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">bar</td>
<td align="right">baz</td>
</tr></tbody></table>

そのため、使用しているMarkdownの特定の実装を確認し、その実装のドキュメントを読む必要があります。ただし、個人的には、セルからヘッダーの個別の配置を定義できる実装に遭遇したことはありません。私の経験では、セルに一致するヘッダーを取得するか、配置が割り当てられていないヘッダーを取得します。

10
Waylan

2行目では、これに変更して、すべて（ヘッダーとコンテンツ）を左に揃えます。

| :------------ | :-------------- | :----- |

各列の左側にあるコロンに注意してください。

3
konyak
| Tables        | Are           | Cool  |
|:------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| col 1 is      | left-aligned  |   $42 |
| zebra stripes | are neat      |    $1 |

2番目の行のコロン（ "："）、および2番目の文字が機能することに注意してください。他のオプションは、番号を左端の列に移動することです（以下を参照）。

Amount | Items
------:|:-----
    20 | Wooden Boards
     5 | Old Parts

StackEdit で試してください。

ヘッダーの上に----行を入れても機能しないようです。

3
yeOldeDataSmythe