vue el-table数据使用for循环生成多个tabel。并横向排列

要使用for循环生成多个el-table，并横向排列，可以使用v-for指令来遍历一个数组，然后在循环中生成el-table组件。

首先，创建一个包含el-table数据的数组，例如：

data() {
  return {
    tables: [
      { id: 1, data: [...] },
      { id: 2, data: [...] },
      { id: 3, data: [...] }
    ]
  }
}

然后，在模板中使用v-for指令来遍历tables数组，并生成el-table组件。为了横向排列，可以使用flex布局。

<template>
  <div class="tables-container">
    <el-table v-for="table in tables" :key="table.id" :data="table.data">
      <!-- el-table的内容 -->
    </el-table>
  </div>
</template>

最后，在样式中使用flex布局来横向排列el-table组件。

.tables-container {
  display: flex;
}

这样，就会根据tables数组的长度生成对应数量的el-table组件，并横向排列显示。每个el-table组件的数据取自tables数组中对应项的data属性