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> 

解决方法

#example{ 
 width: 100% !important; 
} 

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

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

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

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

JQuery 又谈ajax局部刷新
JQuery再谈ajax局部刷新。案例：描述：1.点击登录则弹出登录对话框2.如果用户名密码不正确，则提示错误信息3.当输入信息正确，则刷新登录信息，显示

jquery animate动画持续运动的实例
如下所示：functionfingers(){$(".box01.fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){$(".box01.fingers").animate({"width":"6.8rem","marginLeft":"-3.4rem"},500,fingers

jQuery图片加载失败替换默认图片方法汇总
本文主要讨论页面中图片加载失败后替换默认图片的几种方式重点来了：一定要记住error事件不冒泡。相关的知识点：jquery的ready方法、$("img").error()、img