el-table数据竖着排列

el-table默认是将数据横向排列的，如果想要将数据竖向排列，可以使用el-table-column的prop属性来指定数据的来源字段，并将el-table的show-header属性设置为false，以隐藏表头。

示例代码如下：

<el-table show-header=false :data="tableData">
  <el-table-column prop="amount1"></el-table-column>
  <el-table-column prop="name" width="180"></el-table-column>
  <!-- 其他需要展示的列 -->
</el-table>

相关问题

el-table 的表头竖向排列

el-table 的表头默认是水平排列的，如果需要竖向排列，可以通过以下步骤实现：

1. 在 el-table 标签中添加属性 :header-row-style="{ flexDirection: 'column' }"，将表头的排列方式设置为列（column）方向。
2. 在 el-table-column 标签中添加属性 :label="'列名称'"，设置列名称。
3. 在 el-table-column 标签中添加属性 :min-width="宽度"，设置列宽度。

例如：

<el-table :header-row-style="{ flexDirection: 'column' }">
  <el-table-column :label="'名称'" :min-width="100"></el-table-column>
  <el-table-column :label="'年龄'" :min-width="80"></el-table-column>
  <el-table-column :label="'性别'" :min-width="80"></el-table-column>
</el-table>

这样，就可以实现 el-table 的表头竖向排列了。

el-table 竖着

您好！感谢您提出问题。要将 el-table 组件的列排列方式从水平变为垂直，您可以使用 el-table-column 组件的 prop 属性来设置其布局方向。具体而言，您可以将 `prop="vertical"` 添加到 el-table-column 组件中，如下所示：

<el-table>
  <el-table-column prop="name" label="姓名" width="100"></el-table-column>
  <el-table-column prop="age" label="年龄" width="100"></el-table-column>
  <el-table-column prop="gender" label="性别" width="100"></el-table-column>
</el-table>

请注意，上述代码仅实现了列的垂直排列，如果需要更详细的布局或自定义样式，请根据需要进行进一步调整。希望能对您有所帮助！如果还有其他问题，请随时提问。