layui—＞静态表格—＞合并单元格

项目场景：

大概是做这样的一个界面，官网里边只有复杂表头(合并单元格)的内容，却没有数据的合并，见上图。

---

问题描述：

最开始的想法是这样：

在第一行td上加rowspan属性，其他td隐藏。在开发者模式，也证明这一点可行，因而就是要把这种思想转化为代码即可。但是通过的当前知识储备，在走到给dom元素对象添加属性的时候，（可以定位到某个确定元素，见上图（data-index[layui 2.2.0 新增、通过.LAY_INDEX] 、data-key））但是拿不到dom元素。
此方法报废。

解决方案：

layui合并单元格解决方案

学习内容：

关注知识点：
1、

2、
（1）jQuery eq() 方法：返回带有被选元素的指定索引号的元素。
（2）this和$（this）：$()是jQuery的一个函数，也是最核心最基本的函数。可以传入字符串选择器，获得选择器对应的dom内容、或者传入匿名函数$(function(){ //操作}) 在网页载入完成后开始执行。
this是javascript自身的 语法关键字，它指向一个javascript对象。

---

总结：

看完解决方案，发现还是同样的思路。 那就增加知识储备，下次一定、一定、一定