Jquery Datatables表头不对齐解决办法

来源：互联网发布：淘宝开店卖红酒编辑：程序博客网时间：2024/06/05 20:32

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

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

1 0