<template>
<el-table :data="tableData" :span-method="spanMethod">
<el-table-column prop="ID" label="ID" />
<el-table-column prop="value" label="value" />
<el-table-column prop="label" label="label" />
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ ID: 1, value: 1, label: "显示文本1" },
{ ID: 2, value: 2, label: "显示文本2" },
{ ID: 3, value: 3, label: "显示文本3" },
{ ID: 4, value: 4, label: "显示文本4" },
{ ID: 5, value: 5, label: "显示文本5" },
],
};
},
methods: {
// 合并单元格(列合并)水平方向合并
spanMethod({ row, column, rowIndex, columnIndex }) {
if (row.label === "显示文本3") {
if (columnIndex === 2) {
return [1, 3]; //第一个元素代表rowspan,第二个元素代表colspan(这里的1是行不合并,3是列合并3个单元格)
} else {
return [0, 0]; //代表隐藏此单元格
}
}
},
},
};
</script>
【合并单元格行】纵向合并单元格之前对数组处理【针对饿了么element的table的span-method合并行或列的计算方法】_const spanmethod = ({ row, columnindex }-CSDN博客文章浏览阅读5.2k次。{{ scope.row.group_number }} ._const spanmethod = ({ row, columnindex }https://blog.csdn.net/qq_37860634/article/details/106884045