本文介绍了如何处理jQueryDatatables在浏览器尺寸变化后出现的表头对齐问题。当使用serverSide属性时，表格会添加固定宽度导致对齐错位。解决方法是通过CSS设置表格宽度为100%!important;，如果有横向滚动条，可以设定具体像素宽度以确保对齐。这个简单的调整能有效解决表头对齐问题。
本章我们将教大家一种jQuery Datatables表头不对齐的解决办法。我们用Datatables经常会遇到这种情况，就是浏览器或者HTML里元素改变大小或分辨率后，标题就会出现不对齐现象。这种情况是因为Datatables框架中使用到serverSide
: true,// 服务器查询数据属性，它会使Table标签中多一个style="width:**px;"属性，这就导致了变化大小时标题对不齐现象。
名称说明类型是否默认状态
解决方法#example{
width: 100% !important;
}
如果遇到设有横向滚动条时，就固定设置Table宽度#example{
width: ***px !important;
}
这样就完美解决啦。
以上内容就是jQuery Datatables表头不对齐的解决办法，希望能帮助到大家。
相关推荐：
扫一扫
1330
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
