datatables固定表头和首列

1. 对有数据的table进行初始化

dataTables = $('#dataTablesID').DataTable({
                "bAutoWidth": false,
                "searching": false,
                "bFilter": false,
                "paging": false,
                "ordering": false,
                "info": false,
                //表头固定
                "fixedHeader": true,
                "scrollX": "500px",
                "scrollY": "400px"
                "scrollCollapse": true,
                //固定首列，需要引入相应 dataTables.fixedColumns.min.js
                "fixedColumns": {
                    "leftColumns": 1
                }
            });

2. 改变table数据，行数、列数、单元格内容；重新对table进行初始化之前需要销毁dataTables对象

//销毁
dataTables.destroy()

3. 如果任然有格式上的问题，将样式也移除

//移除样式
$('#dataTablesID').removeAttr('role')
$('tr').each(function () {
     $(this).removeAttr('role')
     $(this).removeAttr('style')
})
$('th').each(function () {
     $(this).removeAttr('rowspan')
     $(this).removeAttr('colspan')
     $(this).removeAttr('style')
})