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

来源：懂视网责编：小采时间：2020-11-27 22:24:52

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

jQuery Datatables表头不对齐的解决办法:我们用Datatables经常会遇到这种情况，就是浏览器或者HTML里元素改变大小或分辨率后，标题就会出现不对齐现象。这种情况是因为Datatables框架中使用到serverSide : true,// 服务器查询数据属性，它会使Table标签中多一个style=width:**px

推荐度：

点击下载本文 文档为doc格式

导读jQuery Datatables表头不对齐的解决办法:我们用Datatables经常会遇到这种情况，就是浏览器或者HTML里元素改变大小或分辨率后，标题就会出现不对齐现象。这种情况是因为Datatables框架中使用到serverSide : true,// 服务器查询数据属性，它会使Table标签中多一个style=width:**px

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