bootstrapTable固定表头,表头错位问题

在使用bootstrap table开发后台管理系统,表格利用bootstrap-table插件来实现,使用bootstrap-table过程中有时会有固定表头的需求。

解决办法

给表格设置固定高度,设置height属性。

 

 结果

 

 表头是固定了,但是出现了新的问题,表头跟列错位了。

解决办法

设置table的样式,给table元素添加 table-layout:fixed;经测试可以解决错位问题。

注意:

固定的表头和表体必须两个都给table元素添加 table-layout:fixed;才有效果。

 这样就完美解决了问题

文章转载自:快速开发平台– 云微平台
地址:https://www.hocode.com/

posted @ 2022-02-12 16:36  码上的飞鱼  阅读(2365)  评论(0)    收藏  举报