element el-table表格加width列错位问题

第N次遇到element的表格错位问题了,表格中的表头和数据都是动态获取的。表格中有一列操作列,通过v-if控制是否显示,操作列fixed=“right”,width=“200”,每个el-table-column都配置了key,
element el-table表格加width列错位问题_第1张图片

尝试了一下常规解决方式:

  1. 使用官方doLayout方法,在获取到数据后this.$refs[‘table’].doLayout()
  2. 为table增加key值,:key=“tableKey”,在获取到数据后this.tablekey = + + new Date()
  3. 为表格新增样式 ,参考链接

以上方法全部失败了

最后!我开摆尝试着修改table的各种属性,没想到试出来…
只要表格的width!==200就不会有问题了
在这里插入图片描述

整不会了不知道为什么,记录一下以后有机会再研究吧

你可能感兴趣的:(vue,elementui,vue.js)