表格合并列 追加表格后上一个表格合并列出问题

在Vue项目中，你可以使用Element UI库来实现表格合并功能。当你需要将多个表格合并到一起，并且新添加的表格要在右侧追加时，可以按照以下步骤操作：

1. 安装Element UI：在项目目录下运行`npm install element-ui` 或者 `yarn add element-ui` 来安装Element UI。

2. 在`HelloWorld.vue`文件中引入并使用Element的表格组件（`<el-table>`）和其他必要的库：

<template>
  <div>
    <!-- 先有原始表格 -->
    <el-table ref="oldTable" :data="oldData" ...></el-table>

    <!-- 新追加表格 -->
    <el-table ref="newTable" :data="newData" :append-header="true" ...></el-table>
  </div>
</template>

<script>
import { ElTable } from 'element-ui';

export default {
  components: {
    ElTable,
  },
  data() {
    return {
      oldData: ..., // 原始表格的数据
      newData: ..., // 新追加的表格数据
    };
  },
  mounted() {
    // 当新表数据准备好后，合并两个表格
    this.mergeTables();
  },
  methods: {
    mergeTables() {
      const mergedData = [...this.oldData, ...this.newData]; // 合并两个数据源

      // 如果需要按特定列合并，如引用[2]提到的某一列值相同，则执行合并逻辑
      const groupedData = mergeColumnValues(mergedData, 'columnToMerge'); // 使用自定义函数

      this.$refs.oldTable.setProps({ data: groupedData }); // 更新旧表格的数据
      this.$refs.newTable.hide(); // 隐藏新追加的表格
    }
  },
};
</script>

其中，`mergeColumnValues` 是一个自定义函数，用于判断哪些行应该被合并，这可能涉及到对数据进行遍历和比较。具体实现取决于你的业务需求。

相关问题：
1. 如何编写`mergeColumnValues`函数以实现基于指定列的合并？
2. 如何设置`el-table`的列属性以便在合并时考虑特定列？
3. 如果不想每次都清空全局变量，是否有其他方式管理合并状态？