el-table横竖表头

el-table组件可以通过设置表头的slot来实现横向表头，也可以通过设置column的属性来实现纵向表头。

横向表头的实现方式：

<el-table>
  <el-table-column label="姓名" prop="name"></el-table-column>
  <el-table-column label="年龄" prop="age"></el-table-column>
  <el-table-column label="地址" prop="address"></el-table-column>
  <template slot="header">
    <thead>
      <tr>
        <th rowspan="2">姓名</th>
        <th colspan="2">基本信息</th>
      </tr>
      <tr>
        <th>年龄</th>
        <th>地址</th>
      </tr>
    </thead>
  </template>
</el-table>

纵向表头的实现方式：

<el-table :data="tableData" style="width: 100%">
  <el-table-column label="日期" width="180">
    <el-table-column label="上午" align="center">
      <el-table-column label="9:00-10:00" prop="am9"></el-table-column>
      <el-table-column label="10:00-11:00" prop="am10"></el-table-column>
      <el-table-column label="11:00-12:00" prop="am11"></el-table-column>
    </el-table-column>
    <el-table-column label="下午" align="center">
      <el-table-column label="1:00-2:00" prop="pm1"></el-table-column>
      <el-table-column label="2:00-3:00" prop="pm2"></el-table-column>
      <el-table-column label="3:00-4:00" prop="pm3"></el-table-column>
    </el-table-column>
  </el-table-column>
  <el-table-column label="姓名" prop="name"></el-table-column>
  <el-table-column label="地址" prop="address"></el-table-column>
</el-table>

注意：纵向表头需要在第一列设置el-table-column组件的label属性，并将子列作为其子元素，子列也需要设置label属性。