element UI中flex布局下el-table宽度自适应在IE下出现一直加载宽度的bug解决

guhy fighting

已于 2023-03-01 10:06:35 修改

阅读量634

点赞数

文章标签： ui bug vue.js

于 2023-03-01 10:04:40 首次发布

本文链接：https://blog.csdn.net/u013994400/article/details/129275426

版权

在使用Element UI的el-table组件时遇到在IE浏览器下，由于某列设置min-width属性，导致表格宽度不断增大且抖动。问题源于组件的resize事件绑定在$el上，flex容器的width:100%继承问题。解决方案是在最外层div添加width:100%样式，有效解决了宽度计算异常的问题。

摘要由CSDN通过智能技术生成

一个项目中用到了element-ui里面的table，其中一列设置了min-width属性，导致表格一直抖动而且宽度持续增加
通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段

// table.vue
if (this.fit) {
   
  addResizeListener(this.$el, this.resizeListener);
}

// resize-event.js
export const addResizeListener = function(element, fn) {
   
  if (isServer