Element Table Flashing

1.el-table increase the width to 99.9%

2.  

.el-table__header,.el-table__body,.el-table__footer{
border-collapse: collapse!important;
}

3.

    Subtract the scrollbar width from the width of the outer element of the table to solve it.
Like this:



    




<div :style={width: `calc(100% - ${scrollbarWidth})`}> <el-table/> </div>

    4.If the parent element of el-table has flex:1 set, add overflow-x: hidden to it.


    




    https://github.com/ElemeFE/element/issues/16089


    https://github.com/ElemeFE/element/issues/16167