Elemen table布局错乱解决方案

Elemen table布局错乱解决方案_第1张图片

示例

Elemen table布局错乱解决方案_第2张图片

解决方案

方案一

   
   、、、
   // 接口请求触发重新布局方法
    this.$nextTick(() => {
    	this.$refs.mainTable.doLayout();
    });

方案二

 <el-table
 	style="width: 100%;max-height:400px;overflow-y: auto;">
 </el-table>

总结

推荐第二种写法,一行代码能解决的不写第二行代码;

你可能感兴趣的:(组件库,vue.js,前端,elementui)