jquey datatables checkbox 列排序,icheck的选择框排序

如果你的checkbox是icheck的,请参考:

$.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) {
return this.api().column(col, { order: 'index' }).nodes().map(function (td, i) {
return $('div', td).hasClass('checked') ? '1' : '0';
});
}

jquey datatables checkbox 列排序_javascript

如果是普通checkbox

下面换成这个,上面初始化 columnDefs的里面不变

$.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) {
return this.api().column(col, { order: 'index' }).nodes().map(function (td, i) {
return $('input', td)[1].checked ? '1' : '0';
});
}

​columns.orderDataType​

如果你换页的checkbox 没参与排序的话,那就这样解决:

$.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) {
return this.api().column(col, { order: 'index' }).nodes().map(function (td, i) {
return $('div.icheckbox_flat-red', td).hasClass('checked') || $('input', td).prop('checked') ? '1' : '0';
});
}