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

 

 

posted @   DayDreamInGIS  阅读(2098)  评论(2编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
历史上的今天:
2018-03-16 ArcGIS JavaScript开发过程中,底图产生拼接缝问题
点击右上角即可分享
微信分享提示