在降价表中添加复选框不起作用答案

【问题标题】：Adding checkbox in markdown table does not work在降价表中添加复选框不起作用
【发布时间】：2019-02-14 15:44:44
【问题描述】：

我正在尝试创建一个降价表，其中一列应该有一个复选框。

我尝试了以下方法：

| Db2WoC Plan                                 | Total time | RPO,RTO met | 
| ------------------------------------------- |  --------- |-------------|
| Db2 on Cloud Entry/Enterprise 1 TB          |  8:10:16   |  <ul><li>[x] item1</li><li>[ ] item2</li></ul>   |  
| Db2 Warehouse on Cloud for transaction      |  8:10:16   | - [x] ok    |
| Db2 Warehouse on Cloud(AWS)                 |  8:10:16   | - [x] ok    |
| Db2 Warehouse on Cloud(Softlayer)           |  8:10:16   | - [x] ok    |

但这些都不起作用。

结果如下：


Db2WoC Plan Total time  RPO,RTO met
Db2 on Cloud Entry/Enterprise 1 TB  8:10:16 [x] item1
                                            [ ] item2
Db2 Warehouse on Cloud for transaction  8:10:16 - [x] ok
Db2 Warehouse on Cloud(AWS) 8:10:16 - [x] ok
Db2 Warehouse on Cloud(Softlayer)   8:10:16 - [x] ok

https://gist.githubusercontent.com/pchaigno/1826ba1151890b751862/raw/73399cc5a5d2415e2a75f58fd6959d25770c4ed3/checkboxes.md 中显示的表格也不起作用。

【问题讨论】：

标签： git github markdown github-flavored-markdown

【解决方案1】：

使用 HTML 实体 (&check;) 或表情符号 (:heavy_check_mark:)。

GitHub Markdown 规范，特别是 states：

块级元素不能插入到表中。

列表项是块级元素，因此不允许出现在表格单元格中。而task list items 只是另一种恰好包含复选框的列表项样式。如果您没有列表项，则不能有任务列表项。换句话说，表格单元格中不能有任务列表项。

作为原 Markdown 规则explain：

对于 Markdown 语法未涵盖的任何标记，您只需使用 HTML 本身。

而且，由于 HTML 复选框是内联元素，因此可能会想将原始 HTML checkbox 直接插入表格单元格：

<input type="checkbox" checked>

但是，存在 GitHub 的卫生过滤器会删除该复选框的问题。事实上，GitHub 的任务列表并没有使用实际的复选框元素，而是使用复选标记的图像。

一个更有用的选项可能是使用HTML entity 或emoji 作为复选标记。例如：

| Description                         | Checkmark               |
| ----------------------------------- | ----------------------- |
| HTML Entity: check mark             | &check;                 |
| HTML Entity: heavy check mark       | &#10004;                |
| HTML Entity: ballot box with check  | &#9745;                 |
| HTML Entity: ballot box with x      | &#9746;                 |
| HTML Entity: ballot box (unchecked) | &#9744;                 |
| Emoji: heavy check mark             | :heavy_check_mark:      |
| Emoji: ballot box with check        | :ballot_box_with_check: |
| Emoji: white check mark             | :white_check_mark:      |

当您使用表格单元格时，您可能不需要未选中的框，空的表格单元格就足够了。但是，如果您真的也想要空复选框，ballot box 应该可以很好地解决这个问题。

我在您的 gist 中添加了一个 comment，它展示了上述所有选项在 GitHub 上的样子。

【讨论】：