element table中列设定fixed属性后 隐藏多行的时候 表格样式错乱 表格多出空表列

995 阅读1分钟

先上图片 table中固定列使用了fixed属性 点击前面的按钮的时候需要银行多列 然而就出现了这么尴尬的情况:

样式错乱啦 找了一天的问题

22.png

附上解决办法:

使用element-ui官方提供的方法 doLayout()

33.png

在动态隐藏展示表格的时候调用一下方法:

       1.首先需要给table加一个ref属性
       2.切换展示表格的时候
           this.$nextTick(()=>{
            this.$refs['br-gantt'].doLayout()
        })
        
      

over 完美解决!!!!

动态设置table-column展示的key导致列表多出空白列的问题

1.多列滚动的时候没有问题

image.png

2.只展示几列 看到红色区域的空白列了

image.png

问题原因:给每一个table-column都设置了宽度 当列表column的宽度不足以撑满table的时候就出现了空白列

image.png

解决办法:将width改成min-width

image.png

自己挖坑自己跳 找了一早上