vue3ElementPlu表格合并多行
// 单元格合并逻辑
const objectSpanMethod = ({ row, rowIndex, columnIndex }) => {
const previousMachineModelUniqueId =
rowIndex > 0 ? tableData.value[rowIndex - 1].machineModel : null;
const currentMachineModelUniqueId = row.machineModel;
// 合并“机型”列
if (columnIndex === 1) {
if (previousMachineModelUniqueId === currentMachineModelUniqueId) {
return { rowspan: 0, colspan: 0 };
}
const rowspan = tableData.value.filter(
item => item.machineModel === currentMachineModelUniqueId
).length;
return { rowspan, colspan: 1 };
}
return { rowspan: 1, colspan: 1 };
};