bootstrap table 标题列重复

使用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中,一个样式由于冲突没有生效。解决掉这个冲突即可解决问题

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