在jquery datatables.net中呈现布尔数据列的最佳方法

在jquery datatables.net中呈现布尔数据列的最佳方法,jquery,json,datatable,jquery-datatables,Jquery,Json,Datatable,Jquery Datatables,我正在使用数据网格和。我有一大块JSON数据,其中包含一些布尔列,并且希望将datatables列呈现为选中或未选中的复选框(当然,所有这些都带有引导样式)。最简单/最快的方法是什么?我回答了自己的问题:-)其实很简单: var simple_checkbox = function ( data, type, full, meta ) { var is_checked = data == true ? "checked" : ""; return '<input type=

我正在使用数据网格和。我有一大块JSON数据,其中包含一些布尔列,并且希望将datatables列呈现为选中或未选中的复选框(当然,所有这些都带有引导样式)。最简单/最快的方法是什么?

我回答了自己的问题:-)其实很简单:

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

}
var simple\u checkbox=函数(数据、类型、完整、元){
var是否检查=数据==真?“检查”:;
返回“”;
}
var setup_datatable=函数(){
$(“#数据表”)。数据表({
“栏目”:[
{“数据”:“id”,“类名”:“文本中心”},
{“数据”:“关键字”},
{“数据”:“平台”},
{“数据”:“是否处于活动状态”,“渲染”:简单复选框},
{“数据”:“是否终止”,“呈现”:简单复选框}
],
“ajax”:“/数据”
});//数据表
}

添加禁用的类将删除页面上的函数,但保留外观

var simple_checkbox = function (data, type, full, meta) {
             var is_checked = data == true ? "checked" : "";
             return '<input type="checkbox" **class="checkbox disabled"** ' +
                 is_checked + ' />';
         }
var simple\u checkbox=函数(数据、类型、完整、元){
var是否检查=数据==真?“检查”:;
返回“”;
}

这太棒了。我认为你应该接受你自己的答案,也许它将来会帮助其他人。这个答案仍然有效,但我刚刚看到它禁用了数据表的排序功能。我想指出,这是一个非常容易集成的补充。谢谢@eric phillips,这是一个伟大的想法,它非常有用!我很高兴看到我的支票箱里出现了支票。奇怪的是,当选中一个复选框时,它不再显示任何内容,直到我移动到另一个区域并进行渲染。你遇到过这个问题吗?我解决了空电池的问题。@Robin。是什么原因造成的,你是如何修复的?