datatable翻页时修改某些内容的样式

情景：

第一页勾选了全选按钮，

切换到第二页时，默认全选按钮还是勾上的状态，

 

原因：

datatable翻页时会重绘表格，但是表头内容在定义table时已经添加，重绘时只更新表格数据，没有修改表头

 

解决方法：

datatable有个drawCallback参数，可以定义表格重绘时的操作，重绘时修改表头内容即可：

$('#example').dataTable( {
    "drawCallback": function( settings ) {
        document.getElementById("selectall").checked=false;
    }
} );

 

参考：

http://datatables.club/reference/option/drawCallback.html