el-table 几个bug及解决办法

flex布局模式下窗口resize之后table宽度和高度不能自适应变化

宽度不自适应办法；

<el-table
    style="width: calc(100vw - 125px)"   // 用calc处理

高度不自适应不太好处理

 <el-table
        :height="tableheight"

 let tableheight = ref(window.innerHeight - 59);

window.onresize = () => { 
     tableheight.value = window.innerHeight - 59; 
};

 

el-table-column错乱问题

使用key标记即可

 <el-table-column type="selection" width="55" key="1" />
 <el-table-column type="index" width="50" label="序号" key="2" />