源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-11-30 06:07 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery Datatables表头不对齐的解决办法
我们用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> 

[img]http://files.jb51.net/file_images/article/201711/2017112714560717.png[/img] 解决方法
#example{ 
 width: 100% !important; 
} 
如果遇到设有横向滚动条时,就固定设置Table宽度
#example{ 
 width: ***px !important; 
} 

收工,这样就完美解决了!! [img]http://files.jb51.net/file_images/article/201711/2017112714560718.png[/img] 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部