uniapp表格合并单元格

UniApp 中可以使用 `uni-list` 组件实现表格的展示，但是目前 `uni-list` 组件并不支持合并单元格。你可以考虑使用自定义组件或者第三方插件来实现表格的合并单元格功能。

其中，自定义组件需要手动实现合并单元格的算法和样式，比较麻烦；而第三方插件则可以直接使用已经封装好的组件，如 `uni-simple-table` 组件，该组件可以实现表格的合并单元格功能。

使用 `uni-simple-table` 组件的步骤如下：

1. 安装 `uni-simple-table` 组件

npm install @dcloudio/uni-ui --save

2. 在页面中引入组件

<template>
  <view>
    <uni-simple-table :columns="columns" :data="data"></uni-simple-table>
  </view>
</template>

<script>
  import uniSimpleTable from '@dcloudio/uni-ui/lib/uni-simple-table/uni-simple-table.vue'

  export default {
    components: { uniSimpleTable },
    data() {
      return {
        columns: [
          { title: '姓名', key: 'name' },
          { title: '性别', key: 'gender' },
          { title: '年龄', key: 'age' },
        ],
        data: [
          { name: '张三', gender: '男', age: 22 },
          { name: '李四', gender: '女', age: 21 },
          { name: '王五', gender: '男', age: 23 },
        ]
      }
    }
  }
</script>

3. 在 `columns` 中设置需要合并的单元格的 `rowspan` 和 `colspan` 属性，示例代码如下：

columns: [
  { title: '姓名', key: 'name', rowspan: 2 },
  { title: '性别', key: 'gender', rowspan: 2 },
  { title: '年龄', key: 'age', colspan: 2 },
  { title: '工作', key: 'job', colspan: 2 },
],

在上述示例代码中，设置了姓名和性别单元格需要合并两行，年龄和工作单元格需要合并两列。

需要注意的是，`uni-simple-table` 组件中的 `columns` 和 `data` 属性的使用方法与 `uni-list` 组件略有不同，具体使用方法可以参考官方文档。