el-table使用fix后改变fixed宽度,右边不会跟着变

在ECharts中的`el-table`组件中，当设置某列(`column`)的`fixed`属性为`true`，表示该列会被固定在表格的一侧（如左侧或右侧）。如果你想要改变固定列的宽度并且希望它会影响到相邻的浮动列（non-fixed columns），你需要明确地操作每一列的宽度。

当你调整了固定列的宽度后，ECharts的`el-table`默认并不会自动调整其他非固定列（non-fixed）的宽度去适应新的布局。为了实现这个效果，你需要手动更新这些非固定列的宽度，可以这样做：

1. 首先，获取到需要调整宽度的非固定列实例。
2. 然后，在`width`属性中设置新的宽度值。
3. 可能还需要监听固定列的宽度变化事件，以便实时调整。

例如，你可以使用Vue生命周期钩子或者`watch`来动态管理宽度：

<template>
  <el-table :data="tableData" ref="myTable">
    <!-- ... -->
    <el-table-column v-for="(col, index) in tableColumns" :key="index"
      :prop="col.prop" :label="col.label"
      :fixed="col.fixed ? 'left' : false" :width="col.width || 100"> </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData,
      tableColumns: [
        { prop: 'name', fixed: true, width: 200 }, // 固定列
        { prop: 'value', width: undefined }       // 非固定列
      ]
    };
  },
  watch: {
    '$refs.myTable': {
      handler(newTable) {
        newTable.columns.forEach((col, index) => {
          if (!col.fixed) {
            this.tableColumns[index].width = col.width; // 更新非固定列宽度
          }
        });
      },
      deep: true
    }
  }
};
</script>

在这个例子中，每次固定列的宽度发生变化时，都会更新对应的非固定列宽度。如果遇到实际问题，记得检查是否有其他CSS样式冲突。