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

Question

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

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

Любая идея будет оценена. Благодарю.

Answer 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 

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

Answer 2

Сохраните файл ReadME как README.md и не read.me

Answer 3

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

Answer 4

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

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

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