elementui竖向表格

Element UI 是一套基于 Vue.js 的前端组件库，提供了丰富的 UI 组件和交互功能。要创建一个竖向表格（即纵向排列的表格），可以使用 Element UI 提供的 el-table 组件，并设置其属性 "row-key" 为一唯一标识字段，使每行数据都有一个唯一的标识。

下面是一个简单的示例代码：

<template>
  <el-table :data="tableData" :row-key="row => row.id">
    <el-table-column label="姓名" prop="name"></el-table-column>
    <el-table-column label="年龄" prop="age"></el-table-column>
    <el-table-column label="性别" prop="gender"></el-table-column>
    <el-table-column label="地址" prop="address"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 20, gender: '男', address: '北京' },
        { id: 2, name: '李四', age: 25, gender: '女', address: '上海' },
        { id: 3, name: '王五', age: 30, gender: '男', address: '广州' },
      ]
    };
  }
};
</script>

在上述示例中，我们使用 el-table 组件来创建表格，通过设置 :data 属性绑定数据源，设置 :row-key 属性指定每行数据的唯一标识字段。然后使用 el-table-column 组件来定义各列的标题和对应的属性。

这样就可以实现一个竖向排列的表格。你可以根据自己的需求进行更多的定制和样式调整。