我想把所有的第一列的名字相同的内容合并。我发现只有相邻的数据合并了。实际上我想做到的是所有的后端给的数据,不管他的顺序怎样的,只有deviceTypeName 一样的都合并的。
在
element-plus
的table
中,数据合并行通常是基于相邻行的数据进行合并的。这是因为表格渲染的逻辑是按照数据数组的顺序逐行渲染,并且合并行的实现通常是通过span-method
方法来控制某些单元格的rowspan
和colspan
属性,以此来达到合并的效果。
常规的合并相邻的deviceTypeName 相同的数据的做法:
<el-table :data="tableData" :span-method="objectSpanMethod">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="address" label="Address"></el-table-column>
</el-table>
const tableData = ref([
{ id: 1, deviceTypeNam