如何在Github的README.md文件中显示表?

时间:2016-09-07 19:52:42

标签: github markdown readme

我想在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

5 个答案:

答案 0 :(得分:19)

您需要再次查看文档。您可以看到此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

此代码与repo中的代码之间的区别在于带分隔符的第二行与标题具有相同的列。之后,将显示此表

答案 1 :(得分:7)

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

答案 2 :(得分:3)

将自述文件保存为README.md而不是READ.ME

答案 3 :(得分:1)

我使用Markdown Table工具(https://www.tablesgenerator.com/markdown_tables)帮助我从csv导入数据或将我的html表转换为Markdown,我可以将其简单地复制到我的README.md文件中,对我来说这是一个真正的节省时间

我通常会写一些我要在excel文件的README文件上发布的内容并将其保存为csv并导入到此工具中并复制粘贴Generated Markdown并创建一个表格,以便其他人阅读您的内容指令。

希望有所帮助。

答案 4 :(得分:1)

别忘了在表格前添加一个空行,否则格式不正确。