BootStrap 標(biāo)題設(shè)置跨行無(wú)效的解決方法
最近在使用BootStrap的表格做一個(gè)報(bào)表界面（不需要報(bào)表的功能，只需要預(yù)覽并且行列定好無(wú)需根據(jù)數(shù)據(jù)量變化，如有更好的框架歡迎推薦。），發(fā)現(xiàn)標(biāo)題設(shè)置跨行屬性rowspan無(wú)效。html如下：
<table class="table table-bordered"> <thead> <th colspan="2" rowspan="2">功能分類(lèi)</th> <th>第二列</th> <th>第三列</th> <th>第四列</th> <th>第五列</th> </thead> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> <td>第四列</td> <td>第五列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> <td>第四列</td> <td>第五列</td> </tr> </tabel>
效果如下：
可以看到圖上效果，“功能分類(lèi)”這個(gè)單元格屬性設(shè)置了colspan="2" rowspan="2"，但是只有colspan="2"起了效果。
解決方案：
不要將需要跨行的單元格放在<thead>標(biāo)簽中，可以如下設(shè)置：
<table class="table table-bordered"> <tr> <th colspan="2" rowspan="2">功能分類(lèi)</th> <th>第二列</th> <th>第三列</th> <th>第四列</th> <th>第五列</th> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> <td>第四列</td> <td>第五列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> <td>第四列</td> <td>第五列</td> </tr> </tabel>
效果如下：
總結(jié)
以上所述是小編給大家介紹的BootStrap 標(biāo)題設(shè)置跨行無(wú)效的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery中offset()方法用法,實(shí)例分析了offset()方法的功能、定義及返回或設(shè)置所匹配元素相對(duì)于document對(duì)象的偏移量時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
在jquery是遍歷篩選數(shù)組有多種方法與函數(shù)了，包括有:grep、each、inArray、map同時(shí)也要以遍歷json對(duì)象哦，下面給各位同學(xué)介紹一下具體的操作方法2013-11-11
jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼
之前做項(xiàng)目的時(shí)候，一直都想著做一個(gè)上下滾動(dòng)的公告欄，作為展示網(wǎng)站的最新公告信息，給用戶(hù)帶來(lái)極好的用戶(hù)體驗(yàn)，下面小編通過(guò)實(shí)例代碼給大家分享基于jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄，感興趣的朋友一起看看吧2018-11-11
這篇文章主要介紹了jQuery表單域選擇器用法,實(shí)例分析了常見(jiàn)的表單元素選擇器的使用技巧,并給出了一個(gè)完整的實(shí)例總結(jié),需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)判斷上傳圖片類(lèi)型和大小的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷上傳圖片類(lèi)型和大小的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)上傳圖片屬性獲取、判定相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析
網(wǎng)頁(yè)換膚的實(shí)質(zhì)就是切換CSS樣式,關(guān)鍵是給用戶(hù)做出點(diǎn)擊切換的功能以及換膚完成之后的緩存記錄功能,下面我們就來(lái)看一下使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析:2016-05-05
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-源碼結(jié)構(gòu)和核心函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-源碼結(jié)構(gòu)和核心函數(shù)，需要的朋友可以參考下。2011-11-11
jQuery插件FusionCharts繪制2D雙折線(xiàn)圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線(xiàn)圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts結(jié)合x(chóng)ml數(shù)據(jù)載入實(shí)現(xiàn)2D雙折線(xiàn)圖繪制的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
jquery控制背景音樂(lè)開(kāi)關(guān)與自動(dòng)播放提示音的方法
這篇文章主要介紹了jquery控制背景音樂(lè)開(kāi)關(guān)與自動(dòng)播放提示音的方法,實(shí)例分析了背景音樂(lè)開(kāi)關(guān)的技巧與自動(dòng)播放提示音的常見(jiàn)用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02