HTML5技术

BootStrap 标题设置跨行无效 - SunShine_2017

字号+ 作者:H5之家 来源:H5之家 2017-10-25 10:28 我要评论( )

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

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

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

View Code

效果如下:

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

解决方案:

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

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

View Code

效果如下:

具体原因未查明,欢迎指教。

如有更好的解决方案也欢迎补充,谢谢。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • bootstrap Table 服务端处理分页 后台是.net - tzzf

    bootstrap Table 服务端处理分页 后台是.net - tzzf

    2017-10-19 08:03

  • 50个Bootstrap扩展插件 - 七月下枫瑾

    50个Bootstrap扩展插件 - 七月下枫瑾

    2017-10-17 08:04

  • 使用BootStrap框架设置全局CSS样式 - 榆木疙瘩ii

    使用BootStrap框架设置全局CSS样式 - 榆木疙瘩ii

    2017-09-17 15:12

  • bootstrap 基础(二) - 许大仙

    bootstrap 基础(二) - 许大仙

    2017-09-13 12:06

网友点评
"