Search code examples
githubmarkdownreadme

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


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


Solution

  • 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