el-table 纵向

您可以使用 `<el-table-column>` 的 `type` 属性来设置表格纵向展示。

例如，可以将 `type` 设置为 `'expand'` 来创建可展开的列，这样当用户点击展开按钮时，该列将会显示额外的内容。

以下是一个使用 `<el-table>` 和 `<el-table-column>` 的示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column type="expand">
      <!-- 额外的内容 -->
      <template slot-scope="props">
        <p>{{ props.row.description }}</p>
      </template>
    </el-table-column>
    
    <el-table-column prop="name" label="名称"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: 'John',
          age: 30,
          address: 'New York',
          description: 'John的详细信息'
        },
        {
          name: 'Jane',
          age: 28,
          address: 'Los Angeles',
          description: 'Jane的详细信息'
        },
        // 其他数据...
      ]
    };
  }
};
</script>

在上述示例中，我们使用了 `<el-table-column>` 的 `type` 属性将第一列设置为可展开的列。并且在 `<template>` 中定义了额外的内容，以展示每行的详细信息。

希望这可以帮助到您！如有更多问题，请随时提问。