导入外部包
<link rel="stylesheet" href="http://cdn.datatables.net/fixedcolumns/3.3.2/css/fixedColumns.bootstrap.css" type="text/css"></link>
<script type="text/javascript" src="http://cdn.datatables.net/fixedcolumns/3.3.2/js/dataTables.fixedColumns.min.js"></script>
<script type="text/javascript" src="http://cdn.datatables.net/fixedcolumns/3.3.2/js/fixedColumns.bootstrap.js"></script>
关键代码
new $.fn.dataTable.FixedColumns(table,{
"iLeftColumns":4,
"drawCallback": function(){
$("table thead").find(":checkbox").on("click",function(){
if($(this).is(':checked')){
$("table tbody").find(":checkbox").prop("checked",true);
}else{
$("table tbody").find(":checkbox").prop("checked",false);
}
});
$("table tbody").find(":checkbox").on("click",function(){
if($(this).is(':checked')){
$('table tbody input[id="'+$(this).attr("id")+'"]').prop("checked",true);
}else{
$('table tbody input[id="'+$(this).attr("id")+'"]').prop("checked",false);
}
});
}
});
其实就是手动给tbody和thead 添加点击事件