我正在使用datatables.net数据网格jquery和bootstrap。我有一大块JSON数据,其中包含一些布尔列,并希望将一个数据表列呈现为已选中或未选中的复选框(当然所有都带有引导样式)。最简单/最快的是这样做?
答案 0 :(得分:20)
我回答了我自己的问题:-)它实际上很简单:
var simple_checkbox = function ( data, type, full, meta ) {
var is_checked = data == true ? "checked" : "";
return '<input type="checkbox" class="checkbox" ' +
is_checked + ' />';
}
var setup_datatable = function () {
$('#data-table').DataTable({
"columns": [
{ "data": "id", "className": "text-center"},
{ "data": "keywords"},
{ "data": "platform"},
{ "data": "is_active", "render": simple_checkbox},
{ "data": "is_terminated", "render": simple_checkbox}
],
"ajax": "/data"
}); // DataTable
}
答案 1 :(得分:2)
添加已禁用的类将删除页面上的功能但保持外观。
var simple_checkbox = function (data, type, full, meta) {
var is_checked = data == true ? "checked" : "";
return '<input type="checkbox" **class="checkbox disabled"** ' +
is_checked + ' />';
}