How to display Table in README.md file in Github?

github markdown readme
Hesam picture Hesam · Sep 7, 2016 · Viewed 98.1k times · Source

I want to display a table in readme.md file. I read GitHub Flavored Markdown and followed what it said. So this is my table:

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

However, I don't see any table and result looks like:

enter image description here

Answer

Spell picture Spell · Sep 7, 2016

You need to see documentation again. You can see this cheatsheet

In your case you need to make second line like in example below:

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

difference between this code and your code in repo is that second line with separator has same columns as header. After that this table will be shown

Related questions

How to add images to README.md on GitHub?

Recently I joined GitHub. I hosted some projects there. I need to include some images in my README File. I don't know how to do that. I searched about this, but all I got was some links which tell me …

Read More
How to add color to Github's README.md file

I have a README.md file for my project underscore-cli, a pretty sweet tool for hacking JSON and JS on the command-line. I want to document the --color flag ... which ... colors things. That would go over a lot better if …

Read More
Github include md files in README.md?

Is there a way in Github to include md files in for example the README.md? # Headline Text [include](File:load_another_md_file_here.md) It should not link to the file, it should load the contents from it, …

Read More