BootStrap 标题设置跨行无效的解决方法       这篇文章主要介绍了BootStrap 标题设置跨行无效的解决方法,需要的朋友可以参考下

最近在使用BootStrap的表格做一个报表界面（不需要报表的功能，只需要预览并且行列定好无需根据数据量变化，如有更好的框架欢迎推荐。），发现标题设置跨行属性rowspan无效。html如下：

 table 
 thead 
 th colspan="2" rowspan="2" 功能分类 /th 
 th 第二列 /th 
 th 第三列 /th 
 th 第四列 /th 
 th 第五列 /th 
 /thead 
 td 第一列 /td 
 td 第二列 /td 
 td 第三列 /td 
 td 第四列 /td 
 td 第五列 /td 
 /tr 
 td 第一列 /td 
 td 第二列 /td 
 td 第三列 /td 
 td 第四列 /td 
 td 第五列 /td 
 /tr 
 /tabel 

效果如下：

可以看到图上效果，“功能分类”这个单元格属性设置了colspan="2" rowspan="2"，但是只有colspan="2"起了效果。

解决方案：

不要将需要跨行的单元格放在 thead 标签中，可以如下设置：

 table 
 th colspan="2" rowspan="2" 功能分类 /th 
 th 第二列 /th 
 th 第三列 /th 
 th 第四列 /th 
 th 第五列 /th 
 /tr 
 td 第一列 /td 
 td 第二列 /td 
 td 第三列 /td 
 td 第四列 /td 
 td 第五列 /td 
 /tr 
 td 第一列 /td 
 td 第二列 /td 
 td 第三列 /td 
 td 第四列 /td 
 td 第五列 /td 
 /tr 
 /tabel 

效果如下：

总结

以上所述是小编给大家介绍的BootStrap 标题设置跨行无效的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持！

• 上一篇：白底图片在线制作-苏打苏塔设计量贩铺 sudasut
• 下一篇：没有了