Как отобразить таблицу в файле 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
Не забудьте добавить пустую строку перед таблицей, иначе она не будет правильно отформатирована.