使用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中,一個樣式由於沖突沒有生效。解決掉這個沖突即可解決問題