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

Я хочу отобразить таблицу в readme.файл md. Я читаю GitHub Ароматизированный Markdown и следовал тому, что он сказал. Итак, вот мой стол:--4-->

| 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

любая идея была бы оценена. Спасибо.

4 ответов


вам нужно снова просмотреть документацию. Вы можете видеть это 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

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


| 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 Ароматизированный Markdown

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

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

наконец, включив двоеточия : в строке заголовка вы можете определить текст, который будет выровнен по левому краю, по правому краю или по центру:

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | 00 |
| col 2 is      | centered        |    |
| zebra stripes | are neat        |     |

- GitHub Ароматизированный Markdown

Итак, чтобы выровнять центр, наш пример становится:

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

сохраните файл readme как README.md и не читал.Я


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

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

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