web-dev-qa-db-fra.com

Comment afficher la table dans le fichier README.md dans Github?

Je veux afficher une table dans le fichier readme.md. J'ai lu GitHub Flavored Markdown et j'ai suivi ce qu'il disait. Voici donc ma 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 |

Cependant, je ne vois aucun tableau et le résultat ressemble à:

enter image description here

githubmarkdownreadme
18
Hesam

Vous devez revoir la documentation. Vous pouvez le voir cheatsheet

Dans votre cas, vous devez faire la deuxième ligne comme dans l'exemple ci-dessous:

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

la différence entre ce code et votre code dans le référentiel est que la deuxième ligne avec séparateur a les mêmes colonnes que l'en-tête. Après cela, ce tableau sera affiché

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

Raccourcir votre exemple pour le rendre plus facile à comprendre.

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

Et formaté pour le rendre encore plus facile à lire.

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

Les en-têtes doivent être séparés par un tuyau | caractères et souligné par - tirets.

Vous pouvez créer des tableaux en assemblant une liste de mots et en les divisant par des tirets - (pour la première ligne), puis en séparant chaque colonne par un tuyau |.

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

Pour des raisons esthétiques, vous pouvez également ajouter des tuyaux supplémentaires aux extrémités:

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

- démarque aromatisée GitHub

Notre exemple devient:

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

Enfin, en incluant des deux points: dans la ligne d'en-tête, vous pouvez définir le texte à aligner à gauche, à droite ou au centre:

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

- démarque aromatisée GitHub

Donc, pour centrer l'alignement, notre exemple devient:

| Attempt | #1  | #2  |
| :-----: | :-: | :-: |
| Seconds | 301 | 283 |
8
Gerard Roche

N'oubliez pas d'inclure une ligne vide avant le tableau sinon elle ne se formatera pas correctement.

3
Vito

Enregistrez votre fichier Lisez-moi sous README.md et non READ.ME

3
Varad Chemburkar

J'utilise l'outil Markdown Table ( https://www.tablesgenerator.com/markdown_tables ) qui m'aide à importer des données de csv ou à convertir mes tables html en Markdown que je peux simplement copier dans mon fichier README fichier .md et c'est un véritable gain de temps pour moi.

J'écris généralement des choses que je vais publier sur mon README sur un fichier Excel et l'enregistrer en tant que csv et l'importer dans cet outil et copier-coller le Markdown généré et il crée une table que son décent pour que les autres lisent vos instructions.

J'espère que ça t'as aidé.

1
Siddhartha Thota