el-table 横向无限拉长怎么回事

el-table 是 Element UI 提供的表格组件，它的横向无限拉长功能可以通过设置宽度为 "auto" 来实现。具体的步骤如下：

1. 在 el-table 中的 <el-table-column> 标签中，设置固定的列宽度，例如：width="100px"。
2. 在 el-table 的根元素中，设置 :width="tableWidth" 和 :height="tableHeight"。
3. 在 Vue 实例中，定义 tableWidth 和 tableHeight 的值。

下面是一个示例代码：

<template>
  <div>
    <el-table
      :data="tableData"
      :width="tableWidth"
      :height="tableHeight"
      border
      style="width: 100%;"
    >
      <el-table-column
        v-for="column in columns"
        :key="column.prop"
        :prop="column.prop"
        :label="column.label"
        :width="column.width"
      ></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      columns: [
        // 表格列定义
      ],
      tableWidth: 'auto',
      tableHeight: '300px',
    };
  },
};
</script>

通过设置 tableWidth 为 'auto'，表格会根据内容自动拉伸横向宽度。你可以根据实际需求修改 tableWidth 和 tableHeight 的值。希望这能帮到你！如果还有其他问题，请继续提问。