jQuery Datatables表头不对齐的解决办法
编程学习 2021-07-04 17:33www.dzhlxh.cn编程入门
这篇文章主要为大家详细介绍了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;
}
收工，这样就完美解决了！！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。
上一篇：Bootstrap实现翻页效果
下一篇：JS使用贪心算法解决找零问题示例