elementui纵向表格

要实现 ElementUI 的纵向表格，可以使用 ElementUI 的 `<el-table>` 组件，并将其 `direction` 属性设置为 `vertical`。这样，表格将会以纵向的方式呈现。以下是一个简单的示例代码：

<template>
  <el-table
    :data="tableData"
    :direction="'vertical'"
  >
    <el-table-column
      prop="name"
      label="姓名"
    ></el-table-column>
    <el-table-column
      prop="age"
      label="年龄"
    ></el-table-column>
    <el-table-column
      prop="gender"
      label="性别"
    ></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          gender: '男'
        },
        {
          name: '李四',
          age: 20,
          gender: '女'
        }
      ]
    };
  }
};
</script>

在这个示例中，我们使用了 `<el-table>` 组件，并将其 `direction` 属性设置为 `vertical`。接着，我们定义了三个表格列，分别显示了姓名、年龄和性别的数据。最后，我们将数据绑定到表格的 `:data` 属性上，从而呈现出完整的纵向表格。