Javascript jquery Datatables行分组复选框

我有一个数据表，我想在其中应用行分组。还包括一个复选框插件。我试过上面列出的代码，但没有成功。api没有为“城市”列的分组添加行。我用于分组的代码如下所示：

$(document).ready(function (){
          $('#example').DataTable({
            columnDefs: [{
                targets: 0,
                'checkboxes': {
                    'selectRow': true
                }
            },
            { "visible": false, "targets": 1 }],
            select: {
                style: 'multi'
            },
            order: [[1, 'asc']],
            iDisplayLength: 10,
            drawCallBack: function () {
                var api = this.api();
                var rows = api.rows({ page: 'current' }).nodes();
                var last = null;

                api.column(1, { page: 'current' }).data().each(function (group, i) {
                    if (last !== group) {
                        $(rows).eq(i).before(
                            '<tr class="group"><td colspan="6">' + group + '</td></tr>'
                        );

                        last = group;
                    }
                });
            }
        });
});

$（文档）.ready（函数（）{
$（'#示例'）。数据表({
columnDefs：[{
目标：0，
“复选框”：{
“selectRow”：true
}
},
{“可见”：false，“目标”：1}]，
选择：{
风格：“多重”
},
订单：[[1，‘asc']]，
i显示长度：10，
drawCallBack:函数（）{
var api=this.api（）；
var rows=api.rows（{page:'current'}）.nodes（）；
var last=null；
列（1，{page:'current'}）.data（）.each（函数（组，i）{
如果（最后！==组）{
$（行）.eq（i）.之前(
''+组+''
);
last=组；
}
});
}
});
});

我的jfiddle里有代码。复选框是否会干扰分组？请告诉我哪里出了问题

注: 该复选框基于

---

datatables是版本1.10.12

您使用的选项名称不正确，应该是

drawCallback

，而不是

drawCallback

有关代码和演示，请参阅