sheet - ¿Cómo dibujar la casilla de verificación o la marca de verificación en la tabla GitHub Markdown?

readme.md format

Question

Puedo dibujar la casilla de verificación en las listas README.md de Github usando

- [] (para la casilla de verificación sin marcar)

- [x] (para la casilla marcada)

Pero esto no está funcionando en la tabla. ¿Alguien sabe cómo implementar la casilla de verificación o marca de verificación en la tabla de GitHub Markdown?

Answer 1

¡Ahora los emojis son compatibles! :white_check_mark: / :heavy_check_mark: da una buena impresión y es ampliamente compatible:

Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: | :white_check_mark: | :heavy_check_mark:

Renders a (aquí en cromo antiguo 65.0.3x):

Answer 2

¡Lo siguiente es cómo dibujar una casilla de verificación en una tabla!

| Checkbox Experiments | [ ] unchecked header | [x] checked header |
| ---------------------|:---------------------:|:-------------------:|
| checkbox | [ ] row | [x] row |

Se muestra así:

Answer 3

Edite el documento o la página wiki y use la sintaxis - [ ] y - [x] para actualizar su lista de tareas. Además puedes consultar este enlace .

Answer 4

Esto es lo que tengo que lo ayuda a usted y a otros sobre la tabla de casillas de verificación. ¡Disfrutar!

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

Answer 5

Intente agregar un - antes de [] o [x] . Eso es un - seguido de un espacio en blanco .

A continuación se muestra un ejemplo del blog de Github.

### Solar System Exploration, 1950s – 1960s
- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet Haley

Aparece como a continuación:

Así es como uno podría hacer lo mismo en una tabla:

| Task | Time required | Assigned to | Current Status | Finished |
|----------------|---------------|---------------|----------------|-----------|
| Calendar Cache | > 5 hours | | in progress | - [x] ok?
| Object Cache | > 5 hours | | in progress | [x] item1<br/>[ ] item2
| Object Cache | > 5 hours | | in progress | <ul><li>- [x] item1</li><li>- [ ] item2</li></ul>
| Object Cache | > 5 hours | | in progress | <ul><li>[x] item1</li><li>[ ] item2</li></ul>
- [x] works
- [x] works too

Así es como se ve:

Answer 6

Puedes usar emojis

Done? | Name
:---:| ---
⬜️| Nope
✅| Yep

Answer 7

Solía ☐ (☐) para [ ] y ☑ (☑) para [x] y funciona para marked.js que dice que es compatible con la rebaja de Github. Basé mi solución en las respuestas a esta pregunta . Vea también esta respuesta informativa .

Actualización: debería haber mencionado que cuando lo haces de esta manera, no necesitas el <ul> , por ejemplo:

| Unchecked | Checked |
| --------- | ------- |
| ☐ | ☑ |