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

【www.bbyears.com--php框架模板】

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

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

效果如下：

word-spacing:0px;text-transform:none;font-weight:normal;color:#000000;font-style:normal;letter-spacing:normal;text-indent:0px;font-variant-ligatures:normal;font-variant-caps:normal;-webkit-text-stroke-width:0px;width:650px;height:auto;" alt="" />

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

解决方案：

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

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

效果如下：

word-spacing:0px;text-transform:none;font-weight:normal;color:#000000;font-style:normal;letter-spacing:normal;text-indent:0px;font-variant-ligatures:normal;font-variant-caps:normal;-webkit-text-stroke-width:0px;width:650px;height:auto;" alt="" />

本文来源：http://www.bbyears.com/jiaocheng/139723.html