当前位置:Gxlcms > JavaScript > BootStrap标题设置跨行无效如何解决

BootStrap标题设置跨行无效如何解决

时间:2021-07-01 10:21:17 帮助过:11人阅读

本文主要介绍了BootStrap 标题设置跨行无效的解决方法,需要的朋友可以参考下,希望能帮助到大家。

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


效果如下:

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

解决方案:

不要将需要跨行的单元格放在<thead>标签中,可以如下设置:


效果如下:

相关推荐:

bootstrap table sum总数量统计如何实现

bootstrap paginator分页插件使用方法

Bootstrap表单验证功能详解

以上就是BootStrap标题设置跨行无效如何解决的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行