Comment dessiner une case à cocher ou une coche dans la table GitHub Markdown?
Je suis capable de dessiner une case à cocher dans les listes Github README.md en utilisant
- [] (case à cocher non cochée)
- [x] (pour la case à cocher cochée)
Mais cela ne fonctionne pas à la table. Quelqu'un sait-il comment implémenter une case à cocher ou une coche dans la table GitHub Markdown?
Essayez d’ajouter un - avant le [] ou le [x]. C'est un - suivi d'un espace vide .
Vous trouverez ci-dessous un exemple tiré du blog Github.
### Solar System Exploration, 1950s – 1960s
- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet Haley
Il apparaît comme ci-dessous:
Voici comment on pourrait faire la même chose dans un tableau:
| Task | Time required | Assigned to | Current Status | Finished |
|----------------|---------------|---------------|----------------|-----------|
| Calendar Cache | > 5 hours | @georgehrke | in progress | - [x] ok?
| Object Cache | > 5 hours | @georgehrke | in progress | [x] item1<br/>[ ] item2
| Object Cache | > 5 hours | @georgehrke | in progress | <ul><li>- [x] item1</li><li>- [ ] item2</li></ul>
| Object Cache | > 5 hours | @georgehrke | in progress | <ul><li>[x] item1</li><li>[ ] item2</li></ul>
- [x] works
- [x] works too
Voici à quoi ça ressemble:
J'ai utilisé ☐ (☐) pour [ ] et ☑ () pour [x] et cela fonctionne pour mark.js , qui indique que cela est compatible avec le markdown Github. J'ai basé ma solution sur réponses à cette question . Voir aussi cette réponse informative .
Mise à jour: J'aurais dû mentionner que lorsque vous le faites de cette manière, vous n'avez pas besoin du <ul>, par exemple:
| Unchecked | Checked |
| --------- | ------- |
| ☐ | ☑ |
Maintenant, les emojis sont supportés! :white_check_mark:/:heavy_check_mark: donne une bonne impression et est largement pris en charge:
Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: | :white_check_mark: | :heavy_check_mark:
rend à (ici sur le chrome 65.0.3x plus ancien):
Voici comment je dessine une case à cocher dans un tableau!
| Checkbox Experiments | [ ] unchecked header | [x] checked header |
| ---------------------|:---------------------:|:-------------------:|
| checkbox | [ ] row | [x] row |
Affiche comme ceci:
Vous pouvez utiliser des emojis
Done? | Name
:---:| ---
⬜️| Nope
✅| Yep
Voici ce que j'ai qui vous aide et aide les autres à propos du tableau des cases à cocher markdown. Prendre plaisir!
| Projects | Operating Systems | Programming Languages | CAM/CAD Programs | Microcontrollers and Processors |
|---------------------------------- |---------------|---------------|----------------|-----------|
| <ul><li>[ ] Blog </li></ul> | <ul><li>[ ] CentOS</li></ul> | <ul><li>[ ] Python </li></ul> | <ul><li>[ ] AutoCAD Electrical </li></ul> | <ul><li>[ ] Arduino </li></ul> |
| <ul><li>[ ] PyGame</li></ul> | <ul><li>[ ] Fedora </li></ul> | <ul><li>[ ] C</li></ul> | <ul><li>[ ] 3DsMax </li></ul> |<ul><li>[ ] Raspberry Pi </li></ul> |
| <ul><li>[ ] Server Info Display</li></ul>| <ul><li>[ ] Ubuntu</li></ul> | <ul><li>[ ] C++ </li></ul> | <ul><li>[ ] Adobe AfterEffects </li></ul> |<ul><li>[ ] </li></ul> |
| <ul><li>[ ] Twitter Subs Bot </li></ul> | <ul><li>[ ] ROS </li></ul> | <ul><li>[ ] C# </li></ul> | <ul><li>[ ] Adobe Illustrator </li></ul> |<ul><li>[ ] </li></ul> |
Modifiez le document ou la page wiki et utilisez la syntaxe - [ ] et - [x] pour mettre à jour votre liste de tâches. De plus, vous pouvez vous référer à ce lien .