web-dev-qa-db-ja.com

GithubのREADME.mdファイルに表を表示する方法は?

Readme.mdファイルにテーブルを表示したい。私は GitHub Flavored Markdown を読み、それが言ったことに従った。これが私のテーブルです:

| Attempt | #1 | #2 | #3 | #4 | #5 | #6 | #7 | #8 | #9 | #10 | #11 | #12 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| Seconds | 301 | 283 | 290 | 286 | 289 | 285 | 287 | 287 | 272 | 276 | 269 | 254 |

ただし、表は表示されず、結果は次のようになります。

enter image description here

18
Hesam

もう一度ドキュメントを見る必要があります。これを見ることができます cheatsheet

あなたの場合、次の例のように2行目を作成する必要があります。

Attempt | #1 | #2 | #3 | #4 | #5 | #6 | #7 | #8 | #9 | #10 | #11
--- | --- | --- | --- |--- |--- |--- |--- |--- |--- |--- |---
Seconds | 301 | 283 | 290 | 286 | 289 | 285 | 287 | 287 | 272 | 276 | 269

このコードとレポのコードの違いは、セパレーターのある2行目にヘッダーと同じ列があることです。その後、この表が表示されます

25
Spell
| Attempt | #1 | #2 | #3 | #4 | #5 | #6 | #7 | #8 | #9 | #10 | #11 | #12 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| Seconds | 301 | 283 | 290 | 286 | 289 | 285 | 287 | 287 | 272 | 276 | 269 | 254 |

サンプルを短くして理解しやすくします。

| Attempt | #1 | #2 |
| :---: | :---: | :---: |
| Seconds | 301 | 283 |

また、読みやすくするためにフォーマットされています。

| Attempt | #1  | #2  |
| :---:   | :-: | :-: |
| Seconds | 301 | 283 |

ヘッダーはパイプ|文字で区切り、-ダッシュ文字で下線を引く必要があります。

単語のリストを組み立て、ハイフン-(最初の行)で分割し、パイプ|で各列を区切ることにより、テーブルを作成できます。

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

審美的な目的で、端にパイプを追加することもできます。

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

GitHubフレーバーマークダウン

例は次のようになります。

| Attempt | #1  | #2  |
| ------- | --- | --- |
| Seconds | 301 | 283 |

最後に、コロンを含めることにより、ヘッダー行内に、テキストを左揃え、右揃え、または中央揃えに定義できます。

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

GitHubフレーバーマークダウン

したがって、中央揃えにするには、次の例になります。

| Attempt | #1  | #2  |
| :-----: | :-: | :-: |
| Seconds | 301 | 283 |
8
Gerard Roche

テーブルの前に空の行を含めることを忘れないでください。そうしないと、正しくフォーマットされません。

3
Vito

READMEファイルをREADME.mdではなくREADME.mdとして保存します

3

Markdown Tableツールを使用します( https://www.tablesgenerator.com/markdown_tables )。csvからデータをインポートしたり、htmlテーブルをMarkdownに変換したり、READMEにコピーしたりできます。 .mdファイルとそれは私にとって本当の時間節約です。

通常、ExcelファイルのREADMEファイルに公開する予定の内容を記述し、csvとして保存し、このツールにインポートして、生成されたマークダウンをコピーペーストすると、そのテーブルを作成します。他の人があなたの指示を読むのにまともです。

お役に立てば幸いです。

1