当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery Datatables表头不对齐的解决办法

jQuery Datatables表头不对齐的解决办法

2017年12月08日  | 移动技术网IT编程  | 我要评论

史上第一暴君,成全妻子与初恋情人,江山美人志好看吗

我们用datatables经常会遇到这种情况，就是浏览器或者html里元素改变大小或分辨率后，标题就会出现不对齐现象。这种情况是因为datatables框架中使用到serverside : true,// 服务器查询数据属性，它会使table标签中多一个style="width:**px;"属性，这就导致了变化大小时标题对不齐现象。

<table id="example" class="table table-border table-bordered table-bg table-hover table-sort"> 
 <thead> 
 <tr class="text-c"> 
  <th width="25"> 
  <input type="checkbox" name="checkall" class="checkall" onclick="checkedclean();"> 
  </th> 
  <th width="100">名称</th> 
  <th width="100">说明</th> 
  <th width="100">类型</th> 
  <th width="60">是否默认</th> 
  <th width="20">状态</th> 
  <th width="100"></th> 
 </thead> 
 <tbody> 
 </tbody> 
</table>

解决方法

#example{ 
 width: 100% !important; 
}

如果遇到设有横向滚动条时，就固定设置table宽度

#example{ 
 width: ***px !important; 
}

收工，这样就完美解决了！！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网