Как отобразить таблицу в файле README.md в Github?

Я хочу отобразить таблицу в файле 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

Ответ 1

Вам нужно снова увидеть документацию. Вы можете увидеть это cheatsheet

В вашем случае вам нужно сделать вторую строку, как в примере ниже:

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

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

Ответ 3

Сохраните файл readme как README.md, а не READ.ME

Ответ 4

Я использую инструмент Markdown Table (https://www.tablesgenerator.com/markdown_tables), который помогает мне импортировать данные из csv или конвертировать мои html-таблицы в Markdown, что Я могу просто скопировать его в мой файл README.md, и это реальный тайм-брейк для меня.

Я вообще пишу вещи, которые собираюсь опубликовать в моем файле README в файле excel, и сохранить его как csv и импортировать в этот инструмент, и скопировать вставку Generated Markdown, и он создает таблицу, достойную для других читать ваши инструкции.

Надеюсь, что это поможет.

Ответ 5

Не забудьте добавить пустую строку перед таблицей, иначе она не будет правильно отформатирована.