Bootstrap-table表头固定导致错位怎么解决

这篇文章主要介绍“Bootstrap-table表头固定导致错位怎么解决”，在日常操作中，相信很多人在Bootstrap-table表头固定导致错位怎么解决问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Bootstrap-table表头固定导致错位怎么解决”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！虽然现在前端已经是VAR三大框架的天下，但是还是遗留了很多在使用JQuery+Bootstrap的项目。比如我现在负责的框架…情况是这样的，产品想实现页面向下滚动，当表头到达顶部时固定表头的效果。当我看到这个需求时，当时的心情是：Oh,so easy!^_^Y但当我实际，实现完固定表头后才发现，表头竟然是歪的？！Bootstrap-table如何固定表头？如何解决表头固定导致的错位问题？参考文章：https://www.wj0511.com/site/detail.html?id=290文中指出$('#table').resize();和.fht-cell {width: 100px !important;}的解决方案；实际试了一下只能部分解决问题；
表头不超出整体边框了，但是表头和下面的列却整体偏移了。通过审查元素，我们发现表头中控制宽度的元素这里将宽度设置为了122但是我的数据宽度只有100,这才造成了错位。所以可以直接设置class为fht-cell的宽度，达到对齐的目的。方案中的$('#table').resize();实际上是让表格根据窗口变化时，也重新计算大小以进行适配；方案中的.fht-cell {width: 100px !important;}实际上就是直接指定表头宽度，已达到控制总宽度的目的。但以上两种方案还不足以解决我遇到的问题：表头与table body整体偏移。偶然发现了一个css属性：table-layout:fixed;定义和用法tableLayout 属性用来显示表格单元格、行、列的算法规则。于是乎最终方案$('#table').resize(); + table-layout:fixed;到此，关于“Bo免费云主机、域名otstrap-table表头固定导致错位怎么解决”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注云技术网站，小编会继续努力为大家带来更多实用的文章！

相关推荐: bootstrap有上拉菜单吗

这篇文章主要介绍了bootstrap有上拉菜单吗的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇bootstrap有上拉菜单吗文章都会有所收获，下面我们一起来看看吧。 bootstrap有上拉菜单；按钮菜单不仅可以下拉，也可以上拉，…