dataTable表头错位的问题

Question

用Datatables经常会遇到这种情况，就是浏览器或者HTML里元素改变大小或分辨率后，标题就会出现不对齐现象。具体问题和这个一样：http://blog.csdn.net/bugscode...；项目中用到scrollY也会出现这个问题，表头错位的现象，给的解决方法是将表头设置成固定数值，但是考虑到不同电脑分辨率不同，演示环境不同，这个方法行不通。还有其他方法吗？

Answer 1

你用autowidth这个属性，把他置为true.希望对你有帮助，好用的话给赞哦

Answer 2

问题解决了，将bautowidth设置为true就可以了，对于表格宽度设置结合aoColumns进行配置，完美解决。

Answer 3

捯饬了一天半。

成果如下:
1.在初始化建立datatable之前可以尝试destroy掉旧数据。
$("#mailListTable").dataTable().fnDestroy();
2.在初始化建立完成datatable之后通过下面的api可以调整宽度。
$.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();

另外，若有页面的更换，则在页面刷新之前与之后都可以加入上面两句作以尝试。