首页 > 其他 > 详细

bootstrap table 标题列重复

时间:2019-03-16 19:56:59      阅读:596      评论:0      收藏:0      [点我收藏+]

使用bootstrap table生成表格,出现一个奇怪问题,标题列重复。查了一大堆资料,没有找到可以解决问题的。

以为是类库版本的问题,全部替换成了example中的引用,还是这个问题。

后来仔细查看了生成元素的html。

bootstrap table 生成的表格元素,分为为3个部分,一个为fixed-table-header 一个为 fixed-table-body 一个为fixed-table-footer

技术分享图片

fixed-table-header部分为生成的表头,fixed-table-body 部分为核心表,

进一步查看后,发现header部分与body部分,各自有一个<thead>元素,二者内容一致。

发现example中,两个表头指向同一个位置,而自己网站的模板,两个表头产生了偏移。

 

 技术分享图片

技术分享图片

 

推测为网站的样式产生了某些冲突,进一步查看发现,fixed-table-body中的table中,一个样式由于冲突没有生效。解决掉这个冲突即可解决问题

 

技术分享图片

 

bootstrap table 标题列重复

原文:https://www.cnblogs.com/DayDreamEveryWhere/p/10543972.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!