码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-08-13 14:00:31      阅读:521      评论:0      收藏:0      [点我收藏+]

标签:repr   tail   min   Fix   tps   .com   .net   宽度   一个   

每个切换页都有一个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切换出现表头错位问题

标签:repr   tail   min   Fix   tps   .com   .net   宽度   一个   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!