elementplus纵向表格

Element Plus是一个基于Vue.js的开源UI组件库，它是由Element UI团队维护的一个现代化版本。关于纵向表格（也称为竖向布局表格），在Element Plus中，你可以通过`el-table-column`的`prop`属性设置列的数据源字段，以及`direction`属性控制列的方向，使其变成垂直方向展示。

例如，创建一个垂直的列可以这样配置：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="name"
      label="姓名"
      direction="vertical"  <!-- 设置为垂直方向 -->
    />
    <el-table-column
      prop="age"
      label="年龄"
      direction="vertical"
    />
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        // 更多数据...
      ]
    };
  }
};
</script>

通过这种方式，表格的列会按照设定的方向（这里是垂直方向）排列，提供了一种不同于传统横向展示数据的新视图。