一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

BootStrap 标题设置跨行无效的解决方法

时间:2017-11-09 编辑:猪哥 来源:一聚教程网

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

效果如下:

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

解决方案:

不要将需要跨行的单元格放在

标签中,可以如下设置:

功能分类 第二列 第三列 第四列 第五列
第一列 第二列 第三列 第四列 第五列
第一列 第二列 第三列 第四列 第五列

效果如下:

功能分类 第二列 第三列 第四列 第五列
第一列 第二列 第三列 第四列 第五列
第一列 第二列 第三列 第四列 第五列