欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

BootStrap 標(biāo)題設(shè)置跨行無效的解決方法

 更新時(shí)間：2017年10月25日 10:53:37   作者：SunShine_2017  
這篇文章主要介紹了BootStrap 標(biāo)題設(shè)置跨行無效的解決方法,需要的朋友可以參考下

最近在使用BootStrap的表格做一個(gè)報(bào)表界面（不需要報(bào)表的功能，只需要預(yù)覽并且行列定好無需根據(jù)數(shù)據(jù)量變化，如有更好的框架歡迎推薦。），發(fā)現(xiàn)標(biāo)題設(shè)置跨行屬性rowspan無效。html如下：

<table class="table table-bordered">
 <thead>
  <th colspan="2" rowspan="2">功能分類</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>

效果如下：

可以看到圖上效果，“功能分類”這個(gè)單元格屬性設(shè)置了colspan="2" rowspan="2"，但是只有colspan="2"起了效果。

解決方案：

不要將需要跨行的單元格放在<thead>標(biāo)簽中，可以如下設(shè)置：

<table class="table table-bordered">
 <tr>
  <th colspan="2" rowspan="2">功能分類</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è)置跨行無效的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論