当使用工具条中的显示/隐藏列的时候， 经常出现表格的列头与内容无法对齐的问题。
网上搜到两种处理方法，如下：
1. 去掉option中的height，完美对齐，但当数据较多的时候，table会自动增加height，显示所有数据而不显示滚动条。
2. 注释掉如下两行
//this.resetHeader(); //padding += this.$header.outerHeight();
完美对齐，但会导致无法冻结表头。
这两种结果都是鱼与熊掌不可兼得， 被影响的功能也是非常想要的。
怀疑问题的原因应该是列的减少过程中，剩余列设置了宽度，但减少列后要填充剩余宽度时的计算问题。
最后自己采用了如下方式，供大家参考：
不设置其中一列的宽度，使其自动填充，如下代码
<thead><tr><th data-field="Code" data-width="105px">编号</th><th data-field="Name" data-switchable="false">姓名</th><th data-field="Sex" data-width="120px">性别</th><th data-field="Age" data-width="120px">年龄</th><th data-field="School" data-width="30px">学校</th></tr></thead>
这样只要不去掉名称，去掉其他列的时候不会出现对不齐的问题，为了防止此列被去掉，加上data-switchable="false"
正常业务中也经常会有这样要求自动填充宽度的列，算是比较好的一种解决方式。
以上就是thead与td无法对齐该怎么办？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
613
