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

Однако я не вижу никакой таблицы, и результат выглядит так:

введите описание изображения здесь


person Hesam    schedule 07.09.2016    source источник


Ответы (5)


Вам нужно снова просмотреть документацию. Вы можете увидеть эту шпаргалку.

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

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

Разница между этим кодом и вашим кодом в репо заключается в том, что вторая строка с разделителем имеет те же столбцы, что и заголовок. После этого будет показана эта таблица

person Spell    schedule 07.09.2016
comment
ага, спасибо чувак. Даже плагин readme.md в моей Android-студии по-прежнему не показывает таблицу, в то время как Github показывает. Спасибо, что поделились своими знаниями. - person Hesam; 07.09.2016
comment
@Hesam Я рекомендую вам использовать онлайн-редактор Markdown. Я использовал это - person Spell; 07.09.2016

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

Наш пример становится:

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

Таким образом, для выравнивания по центру наш пример становится таким:

| Attempt | #1  | #2  |
| :-----: | :-: | :-: |
| Seconds | 301 | 283 |
person Gerard Roche    schedule 12.09.2016
comment
Последний пример неверен, потому что вам нужно как минимум 3 дефиса в качестве говорится в документации. - person Iuri Guilherme; 17.12.2020

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

person Vito    schedule 11.06.2019
comment
Это не дает полезного ответа. Пожалуйста, если вы хотите указать на что-то, вы можете использовать комментарии. - person Abdulrahman Falyoun; 11.06.2019
comment
Этот! Это решило мою проблему. Дополнительная строка является частью форматирования, и я этого не осознавал. - person webneko; 29.02.2020

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

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

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

person Siddhartha Thota    schedule 14.11.2017

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

person Varad Chemburkar    schedule 07.09.2016
comment
ах, извините, это была моя опечатка (я исправил ее в своем вопросе). На самом деле это readme.md. Это мой репозиторий github.com/Hesamedin/DatabaseTester - person Hesam; 07.09.2016