el-table的宽度无法自适应

Posted 2023-03-09

参考技术A 最近的一个后台项目大量用到了element-ui里面的table。在调试ie兼容性的时候发现，没有设定width的列会无限的变长。加上fit=false的属性之后，列会撑不开整个表格。如下图

尝试和查询了很多方法，发现遇到这个问题的人不少，但是解决方法都不同，且没有说明具体原因。

在我尝试修改的时候发现，dialog里面用到的el-table的列不会出现拉长的情况，所以在el-table的最外层加了一个div，并且设定了width:100%，结果还是不行，我强行给他设定为一个具体的值1200,问题解决了，最后用了calc的属性，给他设定了一个值，问题解决了，但是不知道原因，写下来，看在以后的时间里能否找到真正的原因所在。