el-table实现表头在左边，内容依次从左往右横向排列

在Element UI的el-table组件中，如果你想实现表头在左侧而表格内容按照水平方向从左到右展示，可以利用el-table的属性和组件特性来定制布局。以下是基本步骤：

1. 使用`el-table-column`标签创建表头列（`props`用于指定数据字段），并设置`label`属性定义显示的内容。将`type="index"`设置在其中一个列上，这将会默认显示行索引。

<el-table :data="tableData">
  <el-table-column prop="index" type="index" label="#" align="center"></el-table-column>
  <!-- 其他列 -->
  <el-table-column label="表头1" prop="header1" width="100"></el-table-column>
  <el-table-column label="表头2" prop="header2" width="150"></el-table-column>
  <!-- 更多列... -->
</el-table>

2. 表格主体部分(`<el-table-body>`)，其宽度需要足够大以容纳所有列的数据，你可以通过CSS调整`width`或使用`flex-grow`来保证内容向右填充。

.el-table__body {
  flex-grow: 1; /* 或者设置具体的宽度 */
}

这样就实现了表头在左侧，内容按列顺序从左到右横向排列的效果。如果你还有其他定制需求，比如固定表头、分页等，也可以结合相应的Element UI API使用。