vue+element ui el-table 完成动态添加表格&&动态合并踩坑记录_IT百科

添加后的图片效果

1.关键：写一个标识数组（例如这个图表中的，以日期 indexObj 为唯一标识，每个不一样的日期合并行数记录下来）

2.必要：监听表格数据（无深度监听）当表格数据添加行/删除行/复制时，都有表格数据的动态变化，从而计算标识

3.关键：合并行方法 objectSpanMethod({ row, columnIndex })

注意传值是 { ...this.rowObj } 我也不知道为什么传this.rowObj会造成数据乱，这也是一个对象啊？？？

步骤：

1.根据点击复制按钮行的信息，得到上一工作日Day

2.根据此Day，执行下面方法，得到上一工作日所有数据,此处Json转化，实际 *** 作中没有转换时，插入数据会乱掉。

3.改变标识，进行循环插入

<!DOCTYPE html>

<html>

<head>

<title>RunJS</title>

$(function(){

$("button").click(function(){

var html = "<tr><td style='border:1px solid white'>添加一行</td><td style='border:1px solid white'>添加一行</td></tr>" //自己定义好要添加的信息

$("table").append(html) //添加对应的内容到table

})

</script>

</head>

<body>

<button>Hello </button>

</table>

</body>

</html>

这个是简单的例子。。。

欢迎分享，转载请注明来源：内存溢出

vue+element ui el-table 完成动态添加表格&&动态合并踩坑记录