首页 > 其他 > 详细

datatable在tab切换出现表头错位问题

时间:2018-08-13 13:36:44      阅读:883      评论:0      收藏:0      [点我收藏+]

每个切换页都有一个table,但是一个显示正常,一个表头错位。

第一个tab切换表格正常

技术分享图片

 

 第二个tab切换表格表头错位技术分享图片

 

已经试过的网上解决方式,结果无法解决问题:

  1. serverSide : false
  2.  autoWidth:false,
  3. 每个th给百分比宽度,<th width="10%">
  4. 给table设置style="width:**px;"固定宽度,有一定效果,但是无法自适应
  5. 给table设置style="table-layout: fixed; width: 宽度px!important;"

 

新找到解决办法:

在tab切换时,即隐藏的页面重新显示时加上如下一段代码就可以了。

$.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();

技术分享图片

原文地址:https://blog.csdn.net/jiang_mingyi/article/details/73200940

 

datatable在tab切换出现表头错位问题

原文:https://www.cnblogs.com/coldfishdt/p/9467227.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!