我们用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;
}

收工,这样就完美解决了!!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

02-08 21:23
查看更多