el-table实现合并表头

在Element UI中，可以通过el-table-column的span属性来实现表头的合并。以下是一个简单的例子，展示了如何使用Element UI的el-table组件来合并表头：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column
      label="用户信息"
      span="3">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        // ... 其他数据
      ]
    };
  }
};
</script>

在这个例子中，外层的el-table-column设置了span属性为3，意味着它将合并同一行的下面3列。内层的每一个el-table-column都是表格的一个单独列，span属性在这里不是必须的，因为它已经通过外层的合并来控制了。