el-table设置宽度100%超出拉伸怎么决绝

在Vue.js的Element UI库中的el-table组件中，如果你想要让表格的列自动撑满父容器的100%宽度并且超出部分可以水平拉伸，你需要做以下设置：

1. 使用`width`属性：给每一列设置`width`属性为百分比值，例如 `width="100%"`，这会使得列在可用空间内填充满。

2. 关闭固定列：如果需要适应屏幕大小，最好关闭`fixed`属性，防止某些列因为设置了固定的宽度而无法响应式调整。

<el-table :data="tableData" style="width: 100%">
  <el-table-column
    prop="name"
    label="姓名"
    width="15%"
    :fixed="false"
  ></el-table-column>
  <!-- 更多列... -->
</el-table>

3. 父元素样式：确保包含表格的父元素有足够的宽度，并允许其内容溢出并进行滚动。你可以添加CSS规则如下：

.parent-container {
  overflow-x: auto;
  white-space: nowrap; /* 防止行内文本换行 */
}