el-table合并时出现非合并的行前移一格

没有合并前的数据展示

img

合并后展示 合并后我的最后一行数前进了一格

img

img

0改为1

img

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7397386
  • 你也可以参考下这篇文章:el-table修改原有数据如何获取当前行号并进行赋值
  • 除此之外, 这篇博客: el-table加载动态数据并且实现手动编辑功能中的 数据的结构 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    const pageData = [{
    			"a": "这是A1",
    			"b": "这是B1"
    		},
    		{
    			"a": "这是A2",
    			"b": "这是B2"
    		},
    		{
    			"a": "这是A3",
    			"b": "这是B3"
    		},
    		{
    			"a": "这是A4",
    			"b": "这是B4"
    		}
    	]
    	const tableColumns = [{
    		"id": "1",
    		"prop": "a",
    		"label": "A"
    	}, {
    		"id": "2",
    		"prop": "b",
    		"label": "B"
    	}, ]
    

    这里其实显示的内容已经是可以全部显示了,在我们想要编辑那就是item作为文本形式和输入框的切换,首先要实现输入框的加载,解决单个单元格的内容是怎么加载的是关键。
    如何在这里的基础上获取到每个单元格的组件呢,tablle里添加占位符,获取到row,打印出来,查看结构,发现row[item.prop]是这一行这一列的意思,因为table中这样写。

    <template #default="{row,column}">
    		<el-input v-model="row[item.prop]"></el-input>
    		<span>{{row[item.prop]}}</span>					
    </template>
    

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^