table 的 colspan 和 rowspan

摘要

table 是个非常常见有效的组件，尤其在数据领域，table 可以适应大部分数据展示需求，尤其是行合并、列合并。

遇到这些合并的场景，colspan rowspan 就可以大展拳脚

colspan

列合并，colspan = 0 表示一直合并到table 的最后一列，但这个属性浏览器从2016年已经不再支持。但可以使用 colspan = '100%' （这种写法无法通过 w3c validator ）或者 colspan = n ( n > 总列数) 替代 。

最好的办法还是自己计算需要合并的列数，别偷懒。

rowspan

行合并，rowspan = 0 或者 rowspan = '100%' 表示一直合并到table 的最后一行。

虽然以上两种方法还没被浏览器抛弃，还是自己计算，别偷懒。