我能够使用Github README.md列表中的复选框
- [](对于未选中的复选框)
- [x](选中复选框)
但这并不适用于表格.有人知道如何在GitHub Markdown表中实现复选框或复选标记吗?
我正在使用以下CSS在我的<li>列表项之前添加复选标记:
ul.checkmark li:before {
content:"\2713\0020";
}
Run Code Online (Sandbox Code Playgroud)
然后在HTML中:
<ul class="checkmark">
<li>Learn the keyboard at your own pace</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
在Safari,Firefox和Chrome中运行良好,但在IE8上显示"怪异的盒子".
苹果浏览器:

IE8:
是否有一种可移植的方式来指定一个好看的复选标记,可以在所有主流浏览器中使用?
编辑解决方案:我最终使用了meder的答案变体如下:
ul.checkmark li {
background:url("../checkmark.gif") no-repeat 0 50%;
padding-left: 20px;
}
ul.checkmark {
list-style-type: none;
}
Run Code Online (Sandbox Code Playgroud) 我在html文档中使用Unicode'CHECK MARK'(U + 2713).我发现它在大多数浏览器中都可以正常显示,但偶尔会遇到PC上缺少字体的人.如果字体丢失,是否有任何HTML/JS技巧来指定替代显示字符(或图像)?
从这个问题我了解到复选标记是代码? (0x2714 [HTML decimal: ✔])。我知道您通过执行$('#spanid').text(texthere);. 我想将复选标记添加到跨度。
我这样做了
$('#spanid').text(✔); //This errors on the `&`
$('#spanid').text(#10004); //This results in `Unexpected token ILLEGAL
Run Code Online (Sandbox Code Playgroud)
这样做的正确方法是什么?
我有数据表使用服务器端处理返回数据.我没有修改数据表给出的基本示例.
我有一些布尔列,我想渲染为图标,例如1 =绿色刻度0 =红叉或类似的东西.它目前看起来像这样.我如何才能渲染3列?
这是代码,我试过,但是这会导致整个表格空白......
$(document).ready(function() {
$('#log').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "assetlog.php"
"columns": [
{ "data": "id" },
{ "data": "assetcode" },
{ "data": "name"},
{ "data": "shift" }
{ "data": "datetime" },
{ "data": "stop_production" },
{ "data": "furtheractions" }
{ "data": "jobcomplete" },
{ "data": "duration" },
],
"columnDefs": [
{
"render": function (data, type, row) {
return (data === true) ? '<span class="glyphicon glyphicon-ok"></span>' : '<span class="glyphicon glyphicon-remove"></span>';
},
"targets": 6
} …Run Code Online (Sandbox Code Playgroud) 我有一个Django / MySQl / bootsrap网站,我的视图显示一些布尔列值。有没有一种方法可以显示复选标记和十字标记,而不是显示TRUE或False?它可以是.svg文件,也可以是HTML代码(用于选中标记和交叉标记)。周围有什么聪明的人也这样做吗?
<tr class="table_content">
<td>{{ sku.sku }}</td>
<td>{{ sku.gsa }}</td>
<td>{{ sku.service_category }}</td>
<td>{{ sku.product_category }}</td>
<td>{{ sku.product_description }}</td>
<td>{{ sku.unit }}</td>
<td>${{ sku.msrp }}</td>
<td>${{ sku.channel_price }}</td>
<td>{{ sku.volume_pricing }}</td>
<td>{{ sku.comments_sku_description }}</td>
<td>{{ sku.new_sku }}</td>
<td>{{ sku.price_requested }}</td>
<td>{{ sku.to_be_retired }}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
最后3个返回布尔值。我正在尝试显示选中标记和交叉的.svg文件,或者仅显示选中标记和交叉的html代码。