dataTable表头错位的问题

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

阅读 15.4k
3 个回答

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

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

捯饬了一天半。

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题