el-table同一个表头包含两列

在Element UI的`el-table`组件中，如果需要在一个表头单元格（th）内展示两个或多个列的内容，可以借助HTML的一些特性以及Vue的模板语法来实现。这通常通过将两个或多个`<td>`元素放在一个`th`标签内部，并配合CSS调整样式来完成。下面是一个简单的示例：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名">
      <template slot-scope="scope">
        <span>{{ scope.row.name }}</span> <!-- 第一列 -->
        <span class="subheader">副标题{{ scope.$index + 1 }}</span> <!-- 第二列 -->
      </template>
    </el-table-column>
  </el-table>
</template>

<style scoped>
.subheader {
  display: inline-block;
  margin-left: 5px; /* 根据需求调整间距 */
}
</style>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三' },
        { name: '李四' },
        { name: '王五' }
      ]
    };
  }
};
</script>

在这个例子中，我们创建了一个表格列，当行数据渲染时，会同时显示名字列和一个附加的副标题列。副标题部分通过`slot-scope`传递了当前行的数据上下文。