如何在GitHub Markdown表中绘制复选框或刻度线?

时间:2017-11-17 06:30:16

标签: github github-flavored-markdown

我可以使用

在Github README.md列表中绘制复选框

- [](对于未选中的复选框)

- [x](选中复选框)

但这并不适用于表格。有人知道如何在GitHub Markdown表中实现复选框或复选标记吗?

10 个答案:

答案 0 :(得分:84)

尝试在-[]之前添加[x]。这是一个-,后跟一个空格

以下是Github博客的一个例子。

### Solar System Exploration, 1950s – 1960s

- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet Haley

如下所示:

Resultant Image

以下是如何在表格中做同样的事情:

| 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

以下是它的外观:

enter image description here

答案 1 :(得分:21)

提供了非常不错的Emoji图标说明

您可以签出。希望您能找到适合自己写作的图标。

Nice Emojis

最佳,

答案 2 :(得分:9)

我使用&#9744;的{​​{1}}(☐)和[ ]的{​​{1}}(☑),并且它适用于marked.js,它说它与Github兼容降价。我的解决方案基于answers for this question。另请参见this informative answer

更新:我应该提到,当您以这种方式进行操作时,不需要&#9745;,例如:

[x]

答案 3 :(得分:8)

|checked|unchecked|crossed|
|---|---|---|
|&check;|_|&cross;|

哪里

✓通过HTML Entity Code
✗通过HTML Entity Code
_通过下划线字符
和表格通过降价table syntax

答案 4 :(得分:5)

您可以使用表情符号

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

答案 5 :(得分:4)

现在支持表情符号! :white_check_mark: / :heavy_check_mark:给人留下了深刻的印象,并得到了广泛的支持:

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

(在较旧的65.0.3x铬上):

enter image description here

答案 6 :(得分:3)

以下是我在表格中绘制复选框的方式!

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


显示如下:
enter image description here

答案 7 :(得分:2)

编辑文档或Wiki页面,并使用- [ ]- [x]语法更新任务列表。此外,您可以参考this link

答案 8 :(得分:2)

不幸的是,接受的答案对我不起作用(我使用的是GitHub风格的markdown)。

然后我想到这是因为我们要添加HTML元素,为什么不直接添加<input>

| demo                                              | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works  |      |
| <input type="checkbox" disabled /> works here too |      |

这可以在任何环境中使用,因为它是纯HTML。

Rendered result

答案 9 :(得分:1)

以下是我所拥有的帮助您和其他人关于降价复选框表的内容。享受!

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