vue 可合并表格组件_vue-mergeable-table 动态生成的可合并行列的表格

Vue-Mergeable-Table 是一个基于 Vue.js 的可合并表格组件，可以动态生成可合并行列的表格。它支持多级表头、单元格合并、单元格渲染、排序、分页等功能，可以满足各种需求。

使用 Vue-Mergeable-Table，你可以通过传入配置项来动态生成表格，如下：

<template>
  <vue-mergeable-table :config="config"></vue-mergeable-table>
</template>

<script>
import VueMergeableTable from 'vue-mergeable-table';

export default {
  components: {
    VueMergeableTable
  },
  data() {
    return {
      config: {
        columns: [
          { label: '姓名', prop: 'name' },
          { label: '年龄', prop: 'age' },
          { label: '性别', prop: 'gender' }
        ],
        data: [
          { name: '张三', age: 18, gender: '男' },
          { name: '李四', age: 20, gender: '女' },
          { name: '王五', age: 22, gender: '男' }
        ]
      }
    };
  }
};
</script>

除了基本的表格外，你还可以通过设置 `columns` 中的 `children` 来实现多级表头，通过设置 `spanMethod` 来实现单元格合并，通过设置 `cellRender` 来实现单元格渲染等等。详细的使用方法可以查看 Vue-Mergeable-Table 的文档。