layUI的多级表头

最近接了个单子,涉及到laui的多级表头,虽然官方有文档,但是和我的需求不一致

官方文档的示例

 

 我想要的示例

 

 好的,看到差别在那里了吧

一个是html渲染,一个是js动态渲染

最后找到了解决方法

注意这个参数: cols,他是什么,一个数组,里面的参数是什么,数组!

突然就明白了什么,要是我再加一行呢,是不是加一个数组

说干就干,确实,变成了两行,问题来了,怎么确定多级表头对应的子表头呢?

突然想起来

table有两个参数

rowspan,

colspan

完美

看效果

 

 上代码