element ui 表格不同列怎么设置不同宽度？

Question

问题描述

问题出现的环境背景及自己尝试过哪些方法

如图一个简单的表格组件，本身实现了自适应布局，我想把每一列设置不同的百分比宽度，比如变量名短一点，字典库长一点，但是我直接对列设置百分比，整个布局就会乱，请问有什么好方法么

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

      <el-table class="mt-10" height="calc(100vh - 270px)">
    <el-table-column prop="name" label="变量名"></el-table-column>
    <el-table-column prop="chineseName" label="中文名"></el-table-column>
    <el-table-column prop="dictionaryDatabase" label="字典库"></el-table-column>
    <el-table-column prop="dataType" label="数据类型"></el-table-column>
    <el-table-column width="180px" label="操作">
      <template slot-scope="scope">
        <el-button type="text" icon="el-icon-edit"  @click="openEdit(scope.row)">编辑</el-button>
        <CommonButton buttonType="delete" @click="remove(scope.row)"></CommonButton>
      </template>
    </el-table-column>
  </el-table>

你期待的结果是什么？实际看到的错误信息又是什么？